There are a few additional things you can do to adjust your layout within the grid. These include centering, offsetting, and changing the order of columns.
There may be times when you want to center some columns within your grid. For example, by creating a column with fewer than twelve cells and centering that column, you effectively create a margin on either side. The following is an example:
<div class="row"> <div class="small-10 small-centered column"> <!-- centered --> </div> </div>
This will create a ten-cell column that is centered in the row as follows:
When you use the
small-centered class alone, it centers ...