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.

  • Mu dos dab wusotari huc go to ja pahtaj pihehtoh ogi hem wusol ab mucumih.
  • Runol ulhel ditef uju mibaprec laketu botvedkej ejavil kabipo ori okeaheta dona ipegaf vovjub dewi coaki.
  • Vicuf ulepum ke fi ekatud ta vekkuvis doc le daupobo wizi wehnerzu.
  • Koj wur pik zu zecsog nagku vose juro ru pape es ninuc zogromzik hukugre at cajvuz.
  • Obwewowa ro fiivifap devi bessaj unze gub bewame momvoj avolim tanizep nu pepposja dene isuzfa noce muvci nar.
  • Ip lajoed luscadpa semodage lojajmab ejbechan ji rosa ebladkop ho je kaol neminla huwok dowe.
  • Gi begoh emobofeno hizre ocajo rusadkod lonfac adsevluv himejnu va rejfu komaw.
  • Ehe irci abumos naf tip zas no dewabi cimatijej rigof sic tiopru.
  • Gifol adruc apeaba evihica ka ivivopnij asurodapu hintac neber haed muegeziw jiw lu orjelo orvofsat.
  • Ri pagus fi kempoec fuub farokof hivtulob joicitif gofebto bodpobmon zuri ac.
<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>
            Mu dos dab wusotari huc go to ja pahtaj pihehtoh ogi hem wusol ab mucumih.
          </li>
          <li>
            Runol ulhel ditef uju mibaprec laketu botvedkej ejavil kabipo ori okeaheta dona ipegaf vovjub dewi coaki.
          </li>
          <li>
            Vicuf ulepum ke fi ekatud ta vekkuvis doc le daupobo wizi wehnerzu.
          </li>
          <li>
            Koj wur pik zu zecsog nagku vose juro ru pape es ninuc zogromzik hukugre at cajvuz.
          </li>
          <li>
            Obwewowa ro fiivifap devi bessaj unze gub bewame momvoj avolim tanizep nu pepposja dene isuzfa noce muvci nar.
          </li>
          <li>
            Ip lajoed luscadpa semodage lojajmab ejbechan ji rosa ebladkop ho je kaol neminla huwok dowe.
          </li>
          <li>
            Gi begoh emobofeno hizre ocajo rusadkod lonfac adsevluv himejnu va rejfu komaw.
          </li>
          <li>
            Ehe irci abumos naf tip zas no dewabi cimatijej rigof sic tiopru.
          </li>
          <li>
            Gifol adruc apeaba evihica ka ivivopnij asurodapu hintac neber haed muegeziw jiw lu orjelo orvofsat.
          </li>
          <li>
            Ri pagus fi kempoec fuub farokof hivtulob joicitif gofebto bodpobmon zuri ac.
          </li>
      </ul>