Grid System

Fineese UI's grid system uses a rows, and columns to layout and align content. It’s built with flexbox and is fully responsive. Below is an example at how the grid comes together


12 Column Grid System

Below is an example of a 12 column grid system created by erapping a containing div with .row followed by adding divs with .col-${i} where i ranges from 1 - 12 each row should only have a sum of 12 adding more would wrap the containers that don't fit in a simgle row as shown below.

12
11
1
10
2
9
3
8
4
7
5
6
6
4
4
4
4
5
3
5
5
2