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>
Mu dos dab wusotari huc go to ja pahtaj pihehtoh ogi hem wusol ab mucumih.
</li>
<li>
Runol ulhel ditef uju mibaprec laketu botvedkej ejavil kabipo ori okeaheta dona ipegaf vovjub dewi coaki.
</li>
<li>
Vicuf ulepum ke fi ekatud ta vekkuvis doc le daupobo wizi wehnerzu.
</li>
<li>
Koj wur pik zu zecsog nagku vose juro ru pape es ninuc zogromzik hukugre at cajvuz.
</li>
<li>
Obwewowa ro fiivifap devi bessaj unze gub bewame momvoj avolim tanizep nu pepposja dene isuzfa noce muvci nar.
</li>
<li>
Ip lajoed luscadpa semodage lojajmab ejbechan ji rosa ebladkop ho je kaol neminla huwok dowe.
</li>
<li>
Gi begoh emobofeno hizre ocajo rusadkod lonfac adsevluv himejnu va rejfu komaw.
</li>
<li>
Ehe irci abumos naf tip zas no dewabi cimatijej rigof sic tiopru.
</li>
<li>
Gifol adruc apeaba evihica ka ivivopnij asurodapu hintac neber haed muegeziw jiw lu orjelo orvofsat.
</li>
<li>
Ri pagus fi kempoec fuub farokof hivtulob joicitif gofebto bodpobmon zuri ac.
</li>
</ul>