Alignment

Usage #

Superkube has several classes for specifying text alignment.

• a-left
• a-center
• a-right

<p class="a-left">...</p>
<p class="a-center">...</p>
<p class="a-right">...</p>

The alignment classes can be mixed for other modules or for blocks inside them.

<div class="card a-center">
    <div class="card-head">...</div>
    <div class="card-body">...</div>
</div>

Responsive #

To change the behavior on small screens, just add the suffix -sm.

<p class="a-center a-left-sm">...</p>