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