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:
@@ -941,7 +941,7 @@
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 900px) {
|
||||
main {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user