Named grid lines
Grid allows authors to work with grids in a number of ways. For example, if you'd rather work with words than numbers, it's possible to name grid lines. Consider a 3-column by 3-row grid.
You can find this example in the book's code as example_05-05.
Figure 5.10: We will use named Grid lines to rearrange our elements
Here's our markup:
<div class="my-first-grid">
<div class="grid-item-1">1</div>
<div class="grid-item-2">2</div>
<div class="grid-item-3">3</div>
<div class="grid-item-4">4</div>
<div class="grid-item-5">5</div>
<div class="grid-item-6">6</div>
<div class="grid-item-7">7</div>
<div class="grid-item-8">8</div>
<div class="grid-item-9">9</div>
</div>
We set the grid...