CSS Grid layout - should I use it or not?

Question

Hi there,

In this question, I am seeking your opinions on whether or not I should use CSS Grid layout.

Reading about CSS Grid layout immediately smacked me with memories of the awful tabular layouts of 90s websites. It seems; admittedly at first glance, that this is just an updated type of table layout. Instead of actually laying out the table in source - this 'grid' layout is just a table defined in CSS.

I will admit that I have not really explored the intricacies of a CSS Grid layout in detail and my conclusion is based solely on a cursory glance.

Have any of you used this?

No doubt some of you have, so could those of you who have please give me your opinions about whether I should be using a CSS Grid layout or not and if so, when it would be appropriate and not appropriate to do so.

To be clear about what I am actually referring to - here is an example:

CSS-Grid-layout - Pastebin.com

Cheers

Jay

pziecina · Answer

css table layouts are what were supposed to replace html table layouts, but that was before the smartphone.

Now if you are doing rwd I would recommend css flexbox. If you are going to use css grid layouts then look at using it for larger tablet, laptop, desktop and larger screens, (though I have only found one smart tv that supports css grid).

For normal/small tablet and smartphone devices, Flexbox is the better solution.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded