fix: prevent horizontal overflow on mobile devices
- Add overflow-x: hidden to html and body elements - Set max-width: 100vw to constrain content to viewport width - Fixes responsive layout issues on mobile screens Closes #6 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
00908118b3
commit
bc1eb57e2a
1 changed files with 6 additions and 0 deletions
|
|
@ -163,6 +163,12 @@
|
|||
@apply border-border;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
max-width: 100vw;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
font-family: var(--font-sans);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue