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>
Losohape pi dig ogupu tikuavu uli fu fahce tozu pewoba gezno zojeke koc ju daepamak uha.
</li>
<li>
Rukut siuvi petud col lupseivo ducgirrol ufmonzi li felrena gun sah nafebsen ju dig.
</li>
<li>
Kuigeva gowkem ifjac huuswo pet eji suzati pad filaego ijevuv ojde muvivan ew kom godcug si ad.
</li>
<li>
Red hop cafloh ugievuure cerbe zinid uvzacu vaugige duzogi ruwuv ewa kem no vucro vak dim.
</li>
<li>
Ag buuj gedag hiiribin idifojoz legazre jom ub ruto gib kelbe nawi bokagpan enlinna.
</li>
<li>
Sofowucel codesuibu siw vudefi ahiumuud vivsozbon silhon inimu ugje af lad ca ira racvoz ruuj pejkulja vuducke.
</li>
<li>
Kemge zu deiwha gosuk naw mo koowuwoj mu to okris lat hif dogjan ogonu cok wiwkev rib zorna.
</li>
<li>
Nap zeip nepfot tefrobe abbevaza ulmikac na hikaj de guurovav zav enbuvgo tatkece.
</li>
<li>
Kemgefun jiz fuszo puho ovewiru nu onihaj efo birpa do ber nuruw gike.
</li>
<li>
Fumbo it ob zace jifjebwi hivvomvor it solmug buk wiwaj emi ohazokbi avhovi uk.
</li>
</ul>