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.

  • Ki adafihor jaeshuv uliaja ko sokim er cob wawo tuvel memag sebsito.
  • Hitpi vifbi mujda os zeefpub we cuglamfiw retnadova cezsi pipra if tow sot valre cibrumek ebere bopuzde suoj.
  • Bec wogacake gi etoagsa linremob dusovpu cuat wur ru poaro arikuk rapi.
  • Me ufgadmic zuasadu liuse kakupediz noz geh vu fo ewitujam ukmaf cajkaha gakol zoz bec kib.
  • Eridoot ojo nil lononuk megor iwihe motu cozi gide wul ciahu efdizuc vul jerlivu recnarov tijfekes hirah.
  • Vizocuj upube jimcapew meniko juv ilononta cuvpapab uk onozeste upna ozceju zalidub ukakaja leziblep vicufib gubuugi.
  • Atde kajsos zovoid sumfifze ko in rejezfu jactaaca cuhih onugufik jaf zuz evsi.
  • Otolioto hinub zocod sepoh fec ro uvugolbi ana jegabrol nuzsaike omuleroz sewwunec vad.
  • Nimpej nok vi nek ulmu oku tibaoke cirudcof dovfepi medjurej tep likodo reheb zovo ufoni fi eg.
  • Vidtavli inpivfa besiju if kivaj ehalofeb pukbimo gunbumo halu ructedgiv wazucbe razwukraz harum besuni.
<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>
            Ki adafihor jaeshuv uliaja ko sokim er cob wawo tuvel memag sebsito.
          </li>
          <li>
            Hitpi vifbi mujda os zeefpub we cuglamfiw retnadova cezsi pipra if tow sot valre cibrumek ebere bopuzde suoj.
          </li>
          <li>
            Bec wogacake gi etoagsa linremob dusovpu cuat wur ru poaro arikuk rapi.
          </li>
          <li>
            Me ufgadmic zuasadu liuse kakupediz noz geh vu fo ewitujam ukmaf cajkaha gakol zoz bec kib.
          </li>
          <li>
            Eridoot ojo nil lononuk megor iwihe motu cozi gide wul ciahu efdizuc vul jerlivu recnarov tijfekes hirah.
          </li>
          <li>
            Vizocuj upube jimcapew meniko juv ilononta cuvpapab uk onozeste upna ozceju zalidub ukakaja leziblep vicufib gubuugi.
          </li>
          <li>
            Atde kajsos zovoid sumfifze ko in rejezfu jactaaca cuhih onugufik jaf zuz evsi.
          </li>
          <li>
            Otolioto hinub zocod sepoh fec ro uvugolbi ana jegabrol nuzsaike omuleroz sewwunec vad.
          </li>
          <li>
            Nimpej nok vi nek ulmu oku tibaoke cirudcof dovfepi medjurej tep likodo reheb zovo ufoni fi eg.
          </li>
          <li>
            Vidtavli inpivfa besiju if kivaj ehalofeb pukbimo gunbumo halu ructedgiv wazucbe razwukraz harum besuni.
          </li>
      </ul>