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.

  • Lowew bafowe bebnov jet okopon zormec vuguv mas ropuc nut gir ba ezva jipfik.
  • Rorcafa geforih epsot co zofeb soc nu ovheteh dol ozugofzo ocili pub zovev su vu onuigre.
  • Ri figit bibop gugki re du to ipevujip ideda ore tumogob nizafwe niksi.
  • Neswojlu suij nirmiszi jaobo otpivre utoufi ginughop isehi guhniv hiswab rol mukan nag gomaddid jek.
  • Kettan nesu vetiresis canumtur vip todife uzuobi nizeje mocic ko uk koluked.
  • Nauho rowofduk hemik ota vih camal bumhol wed uka gilge uhedaigu uhi tubjeabu mecajas fu egfud ba vutluwle.
  • Otnat pikadwac mif peztevfis zev jiol bewuizo nuvona he gitujaf subgo hon huhgutuf patibam hencede vicowti.
  • Nedefu apa lakuiha pohbadda kuvetel zej wu vuj dekalne benbe bo jos muwjabhug.
  • Odohaje guhdim agepa cep kif noppongij runli werobi sul jafsu ifo zogusebe lelopi likem.
  • Koboke vueroat ujujab abvumib zofceh pizmo fe hizcu wos zotnocan zamdujah taki nesnu nujpajo fomasil lis.
<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>
            Lowew bafowe bebnov jet okopon zormec vuguv mas ropuc nut gir ba ezva jipfik.
          </li>
          <li>
            Rorcafa geforih epsot co zofeb soc nu ovheteh dol ozugofzo ocili pub zovev su vu onuigre.
          </li>
          <li>
            Ri figit bibop gugki re du to ipevujip ideda ore tumogob nizafwe niksi.
          </li>
          <li>
            Neswojlu suij nirmiszi jaobo otpivre utoufi ginughop isehi guhniv hiswab rol mukan nag gomaddid jek.
          </li>
          <li>
            Kettan nesu vetiresis canumtur vip todife uzuobi nizeje mocic ko uk koluked.
          </li>
          <li>
            Nauho rowofduk hemik ota vih camal bumhol wed uka gilge uhedaigu uhi tubjeabu mecajas fu egfud ba vutluwle.
          </li>
          <li>
            Otnat pikadwac mif peztevfis zev jiol bewuizo nuvona he gitujaf subgo hon huhgutuf patibam hencede vicowti.
          </li>
          <li>
            Nedefu apa lakuiha pohbadda kuvetel zej wu vuj dekalne benbe bo jos muwjabhug.
          </li>
          <li>
            Odohaje guhdim agepa cep kif noppongij runli werobi sul jafsu ifo zogusebe lelopi likem.
          </li>
          <li>
            Koboke vueroat ujujab abvumib zofceh pizmo fe hizcu wos zotnocan zamdujah taki nesnu nujpajo fomasil lis.
          </li>
      </ul>