Skip to content

Commit c2f6a8c

Browse files
wow-mileyclaude
andcommitted
Fix mobile content margins
Reduce left/right padding on screens under 640px to prevent content from being squished. Body and content padding reduced from 20px to 8px per side, and info section viewport-relative padding reduced from 10vw to 4vw. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
1 parent 64a1f5a commit c2f6a8c

1 file changed

Lines changed: 15 additions & 0 deletions

File tree

src/commonMain/resources/index.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -687,6 +687,21 @@ button {
687687
}
688688
}
689689

690+
@media (max-width: 640px) {
691+
html,
692+
body {
693+
padding: 0 8px;
694+
}
695+
696+
.content {
697+
padding: 0 8px;
698+
}
699+
700+
.info {
701+
padding: 24px 4vw;
702+
}
703+
}
704+
690705
@media (max-width: 430px) {
691706
.footer {
692707
height: 50px;

0 commit comments

Comments
 (0)