Fix layout cutoff on narrow desktop windows

Raise responsive layout breakpoints from 768px to 900px across all
components. This ensures narrow desktop browser windows (769–900px)
get the stacked, single-column layout rather than the three-column
grid that was too wide for those widths. The 768px breakpoint in
app.css is kept as-is since it only adjusts font sizes for iOS.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Nathan SchneiderandClaude Sonnet 4.6 committed 2026-03-20 15:27:59 -06:00
1 parent f1ae9cac1f
commit 721b588a2b
6 files changed
+6 -6

No files matched your search

+1 -1
View File
@@ -941,7 +941,7 @@
opacity: 0.7;
}
@media (max-width: 768px) {
@media (max-width: 900px) {
main {
padding: 0.5rem;
}