.grid. it is based on 12 column
grid-template-columns. Each of the 12 cells are using the
fr (fractional unit).
How to use
You can create your own grid html element or add a class
.grid to the wrapper you want to create the grid layout. Then you should declare start and values for each of your columns to create the layout. The grid uses the Fluidigrid logic and comes with pre-declared naming convention, we use
The grid system is part of the foundation-core, and it is highly recommended when creating App layouts.
For example, if you want to declare a column which starts from the first to the last column you will declare:
<div class="cs1 ce12"></div>
Check App template