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
@@ -212,7 +212,7 @@
flex: 1;
}
@media (max-width: 768px) {
@media (max-width: 900px) {
.button-group {
grid-template-columns: 1fr;
}