There is a newer version of Luda.

Let's go!


A easy way to add paddings around content and make content aligned in the horizontal center.


The container is just a <div> has surrounding paddings and a max width limit. It will be positioned in the horizontal center when available horizontal space is larger than the max width limit.

A paragraph wrapped in a container.

<div class="container bc-primary">
  <p class="bc-dark c-light ta-center">A paragraph wrapped in a container.</p>

Sass Variables

$container-max-width-rem: 105.076923rem !default
$container-padding-rem: $spacing-medium-rem $spacing-small-rem !default