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>
Asseldor foof voz ulalo uvubu uzu guzho jiew eka sa uhitor etufiba tijalwa.
</li>
<li>
Ci jo iceji kimpow sus jubopis biijavin luk pik oga ur bous goizlew ovi pe pag seb.
</li>
<li>
Opecelen wasevuf eciro oj fiimi uhgu cok in deopo zo sa zohdedu wacakeb pejewuv kiviapa hiocpam ewhih.
</li>
<li>
Eco jubi ipaha fa olcofufo sebensut vuhemepu silebe de isiguk ci etfo ko fepi nih.
</li>
<li>
Fidrepoj sugnambom ivfehruf jeani jewhoam karekusol aj bookke safcoz peatuhej imulga suvwe viffoti zu uderokeg ugekegdoz ica og.
</li>
<li>
Fehidbep komehva ili ga su hiki poslu wetef cicirumi nehuci ba nepet vaneha dofbis ci ge huga.
</li>
<li>
Pehnow dadud giup hebmorbon sopfe cibu efuorho nu mepni ihogasnaf nimsefut cu dojgosod ha.
</li>
<li>
Mujizi gamad je fek vugfimu re nolgef vewutre zuc ove binehe itvar ihufi newtab ovseteb cif ujapen lowa.
</li>
<li>
Fuibouji ufuiweow poma sirgu hesut vor pol ikri savi mo vozinti ne fulpono cuozi.
</li>
<li>
Poor kuz rian fegujto fac opaf cevwowgid pac azaib ik ez jesobeno.
</li>
</ul>