Site Enhanchement - Suggestion

[rawoke083]

HI Guys,
I was looking for a BS4/5 alternative came across S.G, I was looking at the main page and code examples, but for the life of me I can't figure out the "system/nomenclature" col-x-y. What does the 2nd number mean ?? I know with BS4/5 there is one number like col-12 or col-md-2 ?

I would suggest to START with the "system/concept/nomenclature" as to WHAT the two numbers mean right at the top of the homepage/examples.

Also it could just be that I am dumb :)

[DavidBruchmann]

In BS the grid is always consisting of 12 parts by default.
In SG you can define the amount of parts by yourself, therefore the second number.
You can divide the whole width in for parts with col-x-4, then you assign the parts like this: col-1-4, col-2-4, col-1-4 where the first number always defines how many parts of the grid shall be used.
If you look in the CSS you'll see that some definitions are used for several CSS-classes, so col-1-6 and .col-2-12 have both a width of 16.667% as 1/6 is the same like 2/12.

[DavidBruchmann]

Beside that BS is now more modern than SG as it's using flexbox instead of floating divs.
This is technically more flexibel and I'd advise to use the grid-system of BS therefore (or something similar, might be even own written CSS).

[matheusdsm]

Flexbox are so cool bro. Helps a lot!

But, for compatibility issues, using float or a auto margin, are way better.

(yep, in 2023 i came here to say about using flexboxes)

There are so many cases that you need to use flexbox, the way is it; of course.

If u talkin' about grid, flexbox is better, but if the thing is only spacing, use float or margin instead.

Have a css approachment for grid, but are so instable for most of the browsers.