material-components-web-react icon indicating copy to clipboard operation
material-components-web-react copied to clipboard

[Layout Grid] Breakpoint for extra large screens

Open dawsonc623 opened this issue 5 years ago • 0 comments

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.

dawsonc623 avatar Sep 29 '19 16:09 dawsonc623