CSS Grid Layout

Question

CSS Grid Layout

Navigation

#1 by (0 votes)

1

I'm already at a time without messing with front-end but now I'm taking a look at CSS Grid Layout. After reading the articles, I was left with a question: Is there any number of standard columns to start or maximum for the layout? I read a crowd commenting on using 12 columns, is that right?

css3 ux front-end

asked by anonymous 08.01.2018 / 17:49

1 answer

Callback as argument return Addressing pages with codeigniter

score 0 · Answer 1

This is perhaps more a matter of design than front-end, but thinking about how one affects the other and the user experience (UX) and the purpose of the application can vary greatly between the numbers of columns , and also vary how the content is distributed by them. Always thinking about resposivity.

See how the Grid can vary depending on the screen size of the device.

"This will depend on you and your project. The reason for working with 12 columns, which is the most widely used format, is because of the flexibility provided and by being able to split the layout evenly. , you can divide 12 by 2,3,4 and have a series of modulations available (2 x 6, 3 x 4) and also in several other combinations.If you divide 12 columns by 2, you will realize that you can have 6 sets of 2 columns without that on any column.

But the number of columns can vary from project to project. Basically, the higher the number of columns, (14 or 21, for example) the greater the amount of possibilities to split the layout. Usually this type of Grid is used when you have a lot of editorial content and the design is designed with a width of 1140px or more. "

Here is an excellent article in Portuguese with more details: link