Flex Grid
Flexible grid allows you to customize flexible layout to fit the screen size.
Column 1
Column 2
<div class="row">
<div class="col x">Column 1</div>
<div class="col x">Column 2</div>
</div>| row | Row container |
| col | Column container filled with maximum available width. |
| gap-0...8 | Defines the size of the gap between the columns. |
Fixed Grid
Grid with fixed column size. It is based on a 12-column layout.
Size 2
Size 5
<div class="row">
<div class="col-2 x">Size 2</div>
<div class="col-5 x">Size 5</div>
</div>| row | Row container |
| col-1..12 | Fixed size column container from 1 to 12 columns. |