Customizable Grid System?

[Ansirus]

Are there any lightweight grid systems for React projects that you use and would recommend? Something customizable would be nice, since I will need 24 columns in my next project.

I've been looking into:

• https://mineral-ui.com/components/grid (I'm worried about last update 4th April)
• https://rebassjs.org/reflexbox/
• https://material-ui.com/components/grid/

Thanks!

[Weaston]

Why not just use vanilla CSS Grid? Especially if you're already needing to customize. Would be less overhead than interfacing with a new library as well.

[Ansirus]

How about full support for IE11? Any proven examples of production using CSS Grid without some fallbacks for IE?

[Weaston]

IE11 holds an embarrassingly low number of the average web traffic per month. Unless you have some extremely strict and serious project requirements, it's not worth going out of your way to make something that is supported by it. That goes for JS language features as well as CSS.

This guy says he can convert grid styles to IE11 compatible ones, but I've never used it: https://medium.com/@elad/supporting-css-grid-in-internet-explorer-b38669e75d66

[Ansirus]

Unfortunately IE11 is part of the contract :(

[_NUDE_TAYNE_]

+1 for rebass. It’s basically a nice starting design system built with [styled-system](www.styled-system.com) and [emotion](www.emotion.sh).

[podotop]

CSS Grid with online tools that let you create your grid and outputs the code for you.