material-components-web-react
material-components-web-react copied to clipboard
[Layout Grid] Breakpoint for extra large screens
I am finding when making a grid of cards that what looks nice on a screen width of 1920 may look awkward on a 4K screen. Either the cards look awkwardly large with a lot of empty space, or the gutters are large and make the layout seem too spaced out. It would be nice to have the ability to have a breakpoint at 1921 so I can just add another column of cards to keep the UI looking nice at super high resolutions.
The guidelines define breakpoints for extra small screens and extra large screens, so I think it would make sense to allow for those two options. I know they conflict with the "device type" naming convention, so I am not sure what to call them (maybe small-phone
and large-desktop
?). However, I think it is worth incorporating them so the library and guidelines are consistent.