Centring live

Columns can be set to centred or uncentered at different viewport sizes.

Example

Example

HTML

                            
<div class="coop-l-row">
    <div class="coop-l-column coop-l-all-6 coop-l-all-centered coop-l-medium-uncentered coop-l-large-centered">
        <span class="demo-column-block--centered"></span>
    </div>
</div>
 

                            

Suggest a pattern

Use this form to suggest a new pattern or a change to an existing one.

Suggest a new pattern or a change