Columns

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.

  • Two column responsive utility classes: u-sm-columns2, u-md-columns2 and u-lg-columns2
  • Three column responsive utility classes: 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 the direct 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.

  • Dejvet mi zitjali wolzutdih suhobaro eziwucbuj ses bizej mivid remwuhna baztokza cepeh du biurefac zirem femehore.
  • Cumnu luwij kedpudwuw kihriv ijeccuk cuvo rusan rurdage pif ule tow tekevfu ujumah ir amu ete if lagacizok.
  • Ufcinfuz nizuh tebim vok fem mesahuze usasoman huw fawmizce gejmiv facosow wujti imna.
  • Bejo mifec osomeb tedemu rog gisube mu de fudi ma ohogalo afose ranu waimus evase osehetgo nulfid.
  • Gat wivawgun jownuvok lu wietijo lawvenufe rovuna ponipe jotu so toh tofi pi.
  • Wausi panzi jal ja zatite notreim pikdenor ugacushaz wiefe ah heba vipiumo.
  • Isietabob mar bij gioku nekejpaj azlofmel wo wegid asapozut fazva ohhujza fujvizme hel nuf.
  • Dib kadzos vihza as ci nezbahja ir osaseapa ipgapaf ov tuw inkielu lomoje.
  • Keirfu raska zogho loame vafbidpaw cah co wet akpazcib uhtubo pedkav mi emolu efocasaj zuluwvuw cewo loukueva.
  • Ijailer or vaipjut sug atni zirmafve iwi bi va mu kum noluzso silode ha wi.
<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>
    Cos ev kowka decwur jurnar luuf dozteul citdi fejluiki il modpujow gedto edilek unfeic wegi zof womid geznun.
  </li>
  <li>
    Du joagheb te lefek samo wow rowu bazovugu wendagic ro mopeb evu futeado he ju.
  </li>
  <li>
    Dinew fim behvap zeb boz zaup cevi ohijurro gucjehti idba devowe ajfa zicum hirsawam.
  </li>
  <li>
    Ha kucguvdi mezfe azevuhja veaza ru fe nupuppa hah ziguk vafihnav vizbad.
  </li>
  <li>
    Ji ag ok ken jief je huk uca mowzof velmir mugeip ne ozfuze kifpoge joeje.
  </li>
  <li>
    Az pofo tobtav haem ito bob ki corcomli figalnos anigefob nonehja zuepso.
  </li>
  <li>
    Lira saginife dufkidomi azdatev zos di tovof ta juz wuvnopju ecopaszik an habigoku luavu jadri ephovis uv.
  </li>
  <li>
    Meldoah iho apoza donmuk lo zaebsur hu el ere fifuzka fik rujjaera.
  </li>
  <li>
    Ic wibnav behku ogoto vo ruc bad web ulehip mupik divu lojocpej nerit inca okimipmo.
  </li>
  <li>
    Umi okootari coc vongenhe daje nowfi reasec owupu rum ofoavsed jiw rulo tidtunpe nifne calna entadmeh loihfe ha.
  </li>
</ul>