A grid consists of a row and a column.

<div class="tn-row">
   <div class="tn-col-1-2">
   </div>
   <div class="tn-col-1-4">
   </div>
   <div class="tn-col-1-4">
   </div>
</div>

Row

<div class="tn-row"></div>

A row is just a container for all the columns.

Column

To make a column you just make a fraction but instead of the form 3/4 you do this form 3-4 and you add it on the end of tn-col-.