A series of responsive push helper classes that you can use to push grid elemtents to the right. Classes can take a fraction-like
format (e.g. .u-push-2/3
) or a spoken-word format (e.g. .u-push-2-of-3
). Use these in your markup:
Note: separator for responsive is "@"
<div class="u-push-7/12@desk u-push-1/1@palm"> <p>Lorem Ipsum</p> </div>