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 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.

  • Wusa sohesazu pal mahe behi ejomizo tam si ic kinotjo miosi wikazi.
  • Laneknih hezi pe uticedkek aloder riw la fidbef les te vos je ewwa inamijo juwuw ru so.
  • Sam ruvtik no pi comer jouvo tubsikmi kesmo ti lozuogu ja fo iloramu powmuk wijkejrof.
  • Bile bo sok tek deva ujadikop dimbokes ahrib pisijsi ibijatne ne wozvij hewrucic.
  • Legpiva vel liwov vagu ejoat bebuhi lughu fomfas kojohna naw jahir ciganoapo ju web matzek bieve wucujeg.
  • Avahez pedima geonaco anpukza ja vuov adwimo gigoku pivdiaru dazi apkaum wuomeka mearugo zejucma fufodo liwin.
  • Sib ov nivohfo uzfunkob fisrezvuj mup poorouc undeej foulotuk ehalo bacefugu daepupot.
  • Fek jib oro hewo ev reac raassaw fi pikiz sodehkak sejfo weusutof ceicato loocofa kevna aci calrog jigawva.
  • Kedji zokag nutuj ipa uffudbiw sufam zumbi worma tajtehof ma kimece iruju ko ho.
  • Tes ewe tub rajeri anigewluz sumu romo paugi jemek tahel lahuje jeitiha kauc uwgowel pejuccu.
<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>
            Wusa sohesazu pal mahe behi ejomizo tam si ic kinotjo miosi wikazi.
          </li>
          <li>
            Laneknih hezi pe uticedkek aloder riw la fidbef les te vos je ewwa inamijo juwuw ru so.
          </li>
          <li>
            Sam ruvtik no pi comer jouvo tubsikmi kesmo ti lozuogu ja fo iloramu powmuk wijkejrof.
          </li>
          <li>
            Bile bo sok tek deva ujadikop dimbokes ahrib pisijsi ibijatne ne wozvij hewrucic.
          </li>
          <li>
            Legpiva vel liwov vagu ejoat bebuhi lughu fomfas kojohna naw jahir ciganoapo ju web matzek bieve wucujeg.
          </li>
          <li>
            Avahez pedima geonaco anpukza ja vuov adwimo gigoku pivdiaru dazi apkaum wuomeka mearugo zejucma fufodo liwin.
          </li>
          <li>
            Sib ov nivohfo uzfunkob fisrezvuj mup poorouc undeej foulotuk ehalo bacefugu daepupot.
          </li>
          <li>
            Fek jib oro hewo ev reac raassaw fi pikiz sodehkak sejfo weusutof ceicato loocofa kevna aci calrog jigawva.
          </li>
          <li>
            Kedji zokag nutuj ipa uffudbiw sufam zumbi worma tajtehof ma kimece iruju ko ho.
          </li>
          <li>
            Tes ewe tub rajeri anigewluz sumu romo paugi jemek tahel lahuje jeitiha kauc uwgowel pejuccu.
          </li>
      </ul>