• Skip to content
The Co-op logo Design system
  • What we're working on
  • Contributing
  • Updates
Back to the pattern library

Centring

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

  • Example

Example

Example

HTML

                                
<div class="coop-l-grid coop-u-flex-center">
    <div class="coop-l-grid__item coop-l-grid__item--6">
        <span class="ds-demo-block"></span>
    </div>
</div>

                                
  • Get the code from Github
  • Install the code from NPM

Is there anything wrong with this page?