Reordering columns

Columns can be re-ordered by pushing and pulling them relative to their base position.

Example

Example

First in the source code
Last in the source code

HTML

                                
<div class="coop-l-grid coop-u-flex-row-reverse">
    <div class="coop-l-grid__item coop-l-grid__item--6">
        <span class="ds-demo-block">
            <span> <strong>First in the source code</strong></span>
        </span>
    </div>
    <div class="coop-l-grid__item coop-l-grid__item--6">
        <span class="ds-demo-block">
            <span> <strong>Last in the source code</strong></span>
        </span>
    </div>
</div>