Introduction to grid and offset
Simplecss uses a 12 column fluid css grid system, where each column are called gr <=> grid,
followed by the column dimension : dm-x where x is in [0...12].
Below a size of 960px all colums are aligned to fill the dimension that you are assigned to their.
for example dm-6 means a fluid column with a half size of parent div.
To give an offset to the columns, just use offset-x class.
note:for small devices (below 632px) you can use ds-x class
you can enter the board using the class.border
The elements with the class.ds-resize under 632px
The offset- class
Through the class .offset[1-12] you can move to the right elements with respect to the father, this is done by setting a margin-left percentage in the mobile version margin is removed.
If you want the class size.dm or .dsremain the same in the mobile version just add the class.perc