Hacker News Reader

Comment by nailer | Hacker News Reader

Awesome, but there's no grid support (yet). I'm currently using:

    nav, header, article, section, form, div, q {
      display: grid;
    }

For my current project and it works really well. Would love to play with Grapes in future though.

View on HN

That is a neat line of CSS that you have there.

Not sure about how you use 'q' with grid.

I find it is better to learn the elements than the interface to a web builder or a framework. Grid is a game changer and I am not interested in anything that does not use it. Only with grid can you make maintainable HTML and have separation of concerns. Once these things matter to you then the old ways, no matter how 'easy' due to a framework or other hack just don't cut it an more.

I've found that flexbox is even more flexible (no pun intended) for making grids.

One of the things I like most about CSS grid is being able to rearrange template areas for responsive design. Using flexbox inside a grid template area gives us the best of both worlds.

Aah, I hadn't tested grid since it was introduced - yeah, it's definitely the best of both! I wish the support was higher than 87% though, but it's certainly coming :-)

Flexbox is designed for a single axis with optional wrapping. Grid is designed for 2-axis control. If you don't need that then flexbox will usually be faster and easier.

Reply on news.ycombinator.com