Utility classes for creating columns. u-columns2
creates two columns, u-columns3
creates 3 columns.
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
<div class="u-columns2">
<p>
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
</p>
</div>
Utility classes for creating columns above a given breakpoint.
u-sm-columns2
, u-md-columns2
and u-lg-columns2
u-sm-columns3
, u-md-columns3
and u-lg-columns3
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
<div class="u-md-columns3">
<p>
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
</p>
</div>
Utility classes for avoiding column breaks when not desirable, for example within a list or paragraph.
u-breakInsideAvoid
will avoid breaks within the element with this class.u-breakInsideAvoidItems
will avoid breaks within children of elements with this class.Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
<div class="u-md-columns2 u-spaceItems">
<p class="u-breakInsideAvoid">
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
</p>
<p class="u-breakInsideAvoid">
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
</p>
<p class="u-breakInsideAvoid">
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
</p>
<p class="u-breakInsideAvoid">
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
</p>
<p class="u-breakInsideAvoid">
Champion’s totally automatic solution provides security, convenience, health and safety — all things that every homeowner holds dear. Don’t put these things at risk during a power outage. Millions of individuals suffer from the effects of a power outage annually.
</p>
</div>
<ul class="u-md-columns2 u-breakInsideAvoidItems u-spaceItems">
<li>
Lowew bafowe bebnov jet okopon zormec vuguv mas ropuc nut gir ba ezva jipfik.
</li>
<li>
Rorcafa geforih epsot co zofeb soc nu ovheteh dol ozugofzo ocili pub zovev su vu onuigre.
</li>
<li>
Ri figit bibop gugki re du to ipevujip ideda ore tumogob nizafwe niksi.
</li>
<li>
Neswojlu suij nirmiszi jaobo otpivre utoufi ginughop isehi guhniv hiswab rol mukan nag gomaddid jek.
</li>
<li>
Kettan nesu vetiresis canumtur vip todife uzuobi nizeje mocic ko uk koluked.
</li>
<li>
Nauho rowofduk hemik ota vih camal bumhol wed uka gilge uhedaigu uhi tubjeabu mecajas fu egfud ba vutluwle.
</li>
<li>
Otnat pikadwac mif peztevfis zev jiol bewuizo nuvona he gitujaf subgo hon huhgutuf patibam hencede vicowti.
</li>
<li>
Nedefu apa lakuiha pohbadda kuvetel zej wu vuj dekalne benbe bo jos muwjabhug.
</li>
<li>
Odohaje guhdim agepa cep kif noppongij runli werobi sul jafsu ifo zogusebe lelopi likem.
</li>
<li>
Koboke vueroat ujujab abvumib zofceh pizmo fe hizcu wos zotnocan zamdujah taki nesnu nujpajo fomasil lis.
</li>
</ul>