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 Schneider
2026-03-20 15:27:59 -06:00
parent f1ae9cac1f
commit 721b588a2b
6 changed files with 6 additions and 6 deletions
+1 -1
View File
@@ -941,7 +941,7 @@
opacity: 0.7;
}
@media (max-width: 768px) {
@media (max-width: 900px) {
main {
padding: 0.5rem;
}