According to Foundation's docs on the grid component, I can essentially make 1 or more grid columns a space using their offset classes:
<div class="row">
<div class="large-1 columns">1st column</div>
<div class="large-9 large-offset-2 columns">2 spaces to the left of this column</div>
</div>
That will make 1 column, then 2 columns of plain space and the 9 columns. Is it possible to make those offsets to the right of an element instead of the left? For example, something like this?
<div class="row">
<div class="large-1 columns">1st column</div>
<div class="large-9 large-offset-right-2 columns">2 spaces to the right</div>
</div>
Assuming I understand your request correctly, it sounds like you just need to use end
instead of offset
. For example,
<div class="row">
<div class="large-1 columns a">1st column</div>
<div class="large-9 columns end">2 spaces to the left of this column</div>
</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With