Offset

Beauter supports offsets consistent with the grids. Offsets pushes the content, useful for proper horizontal spacing and positioning.

If you are currently using a mobile device, please tilt your device to landscape mode to see the columns distinctly

Profile

<div class="_pink">
<div class="row">
<div class="off-2"><h1>Hello</h1></div>
</div>
<div class="row">
<div class="off-4"><img src="https://beauter.io/img/pink2.jpg" width="100px" class="-circle _gray"></div>
</div>
</div>