Widescreen Responsiveness & Grid

[DanielDanielDanielDanielDaniel]

current behavior

to -->

From an optical viewpoint, the grid idea was to have the grid in a centered container that is always 100vw - 2x.... maybe with gridcss need to make something like 180px +- maxwidth relative multiplier, grid, 180px +- maxwidth relative multiplier, and then have the grid expand with the width. In the sketch file for 1440px wide a 180px left/right is a good width.

• [x] the centered container should have wrapping and item-scaling flexbox like behavior with item min-width settings for the icon items (flex 1 150px or whatever it needs for mobile shrinking)

• [x] and then sections like the use cases can be horizontally centered inside the grid for all screen sizes

[werelax]

I think I understood what you wanted, but I'm not 100% sure... Could confirm this is working as expected now?

[werelax]

For the icons: with flex 1 150px this happens:

To prevent that, I'm setting flex-grow and flex-shrink to 0.

[werelax]

Forget that, I've found a better way to do it with css-grid.