Column grid
As the name suggests, the column grid consists of columns and gutters — pretty easy, right? Selecting the number of columns is entirely up to you, but traditionally you'll see 12 on desktop, 8 on tablet, and 4 on mobile.
All columns and all gutters are of equal sizes, and as a result, such grids allow for the creation of well-balanced, harmonious compositions.
Pro Tip: The more columns you add, the more flexible your grid becomes. But don't go overboard.
