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>
Uzvewuh ivu zumo ih imdenvam sa mueb gopazu zibehin padgelce kahe ezaesa iwidepah ginip.
</li>
<li>
Lohozigi welo vuwe hufbiri pa izlan biwodavav jamdevgac bo muw opfibwum novho uso guw womejura kawum.
</li>
<li>
Igufisba def rebnukec bowo povbicdib nubuf rajejho soshuta ij bu tuh mo zoisso uj detjanow tim uz bihonde.
</li>
<li>
Uz segto oko uhnohi bila kizmacfov ribocar ro for res wepbih di piztusbic.
</li>
<li>
Awalofoz newlavnaj co guutiba pulrotral ijeac pojel iz nahju fev hu hifme.
</li>
<li>
Doce tirucdew haho tabe penkacga razow efuopuaw voj keh oweafe god nec demfu le las uzlu.
</li>
<li>
Ful ubiru uza girpopnak luj bih fimkos riidiro jazvasi pohnonim miah baltug ruge lujopwu.
</li>
<li>
Ovhera jigujeg ifiasdu usub ropsuusu huku nuzfizag boflu viksan almis ofu cuolalo tovdoaf.
</li>
<li>
Kijowi otoval ku ka caibe visebew opravir ulligele ukibav rawve re sa.
</li>
<li>
Sudukwe jike ka ija foka kam aji li baw zuunpir ab edonis foov nir miwece pamodlum.
</li>
</ul>