What's the best CSS grid out there ?
Just my 2 cents...
What a CSS Grid should not do
- It should never, ever have any impact on design. No font styles, sizes, no line heights, no CSS resets, no fancy button styles, nothing.
- It should not depend on JS ! Ever !
- It should not provide anything else than a grid (be it responsive, fluid or fixed).
What a CSS Grid should do
- It should be lightweight. We don't want to add bloat to our designs.
- It should be simple and intuitive. No smarty-pants classes. And by the way, adding a
last
CSS class to a column is perfectly OK. It prevents us from having to use JS for CSS3 specific selectors (like:last-child
). - It should be easily extendable, if needed.
- It could, optionnaly, provide helper classes like
hide-on-phone
orshow-on-tablet
, etc. - Responsive media queries would be great, if only as a starting point.
So, having trouble finding a CSS grid ?
I feel bad for you son. I have 1140 problems, but finding a lightweight, no-fuss, CSS grid ain't one of them.
Enjoyed this post? Grab the RSS feed or follow me on Twitter!
Found a typo ? Correct it, submit a pull-request and get credited here!