unibz Pattern Library

Containers: Default 

<div class="l-container">
    <div class="placeholder">
        Regular container
    </div>
</div>
 
<div class="{{ class }}">
  <div class="placeholder">
    {{ description }}
  </div>
</div>
 
{
  "placeholder": "Placeholder element",
  "class": "l-container",
  "description": "Regular container"
}

Use containers to center content on the page. They include some padding to separe content from the browser edge horizontally. For vertical spacing use .l-section.