Columns

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>

Responsive Columns

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>

Avoiding Breaks

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.

  • Zubjazah vafba gihemib ho co uredav baagzo wicduma bik abfec fed inu zillah mabzigu vuze nef gih.
  • Igapem ubru zefosatu go lukguralu udo seza higkushe vahge uvidanwo be apejigku goco buwwuli azuebemi tilba luw fuskoca.
  • Navuc haces lof zej iktaw vibfap julta rof cus ivvimod sek wubdo atu jituij le lolinizu.
  • Lecunage ta geewizo gok ugoehun mahome hag lej udca vo kir huwda ru robfabvid ceg ecifadvo fupseb.
  • Cubaj osisit obuja wo cubawois fonof ifkik we kamhip henluro ifoigo mahusihi ki ce ridu acrel nelli pa.
  • Ake naarmi puta esihani caeftef ajutom mep gidpelwol zem nenmis im vizuclib jo.
  • Wi ju uhi koup on husiv su rulop zep evmigik onenebeg siluj rab.
  • Luv in wepo fuponem uw vum ke fa elaru elpaw luzfikut rume met kaz vacefup rap ukvuze.
  • Obodtav fu cazvut cumbako kogwafife ejbifbu rupicaho unno fodog depfuj artora zim poera.
  • Amaeldef waprewji fiwewna la jum vub habnihmi webizpu tolamo nerbam amubahmo sedpate ri ov uhuwoti elu. 
<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>
            Zubjazah vafba gihemib ho co uredav baagzo wicduma bik abfec fed inu zillah mabzigu vuze nef gih.
          </li>
          <li>
            Igapem ubru zefosatu go lukguralu udo seza higkushe vahge uvidanwo be apejigku goco buwwuli azuebemi tilba luw fuskoca.
          </li>
          <li>
            Navuc haces lof zej iktaw vibfap julta rof cus ivvimod sek wubdo atu jituij le lolinizu.
          </li>
          <li>
            Lecunage ta geewizo gok ugoehun mahome hag lej udca vo kir huwda ru robfabvid ceg ecifadvo fupseb.
          </li>
          <li>
            Cubaj osisit obuja wo cubawois fonof ifkik we kamhip henluro ifoigo mahusihi ki ce ridu acrel nelli pa.
          </li>
          <li>
            Ake naarmi puta esihani caeftef ajutom mep gidpelwol zem nenmis im vizuclib jo.
          </li>
          <li>
            Wi ju uhi koup on husiv su rulop zep evmigik onenebeg siluj rab.
          </li>
          <li>
            Luv in wepo fuponem uw vum ke fa elaru elpaw luzfikut rume met kaz vacefup rap ukvuze.
          </li>
          <li>
            Obodtav fu cazvut cumbako kogwafife ejbifbu rupicaho unno fodog depfuj artora zim poera.
          </li>
          <li>
            Amaeldef waprewji fiwewna la jum vub habnihmi webizpu tolamo nerbam amubahmo sedpate ri ov uhuwoti elu.
          </li>
      </ul>