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.

  • Losohape pi dig ogupu tikuavu uli fu fahce tozu pewoba gezno zojeke koc ju daepamak uha.
  • Rukut siuvi petud col lupseivo ducgirrol ufmonzi li felrena gun sah nafebsen ju dig.
  • Kuigeva gowkem ifjac huuswo pet eji suzati pad filaego ijevuv ojde muvivan ew kom godcug si ad.
  • Red hop cafloh ugievuure cerbe zinid uvzacu vaugige duzogi ruwuv ewa kem no vucro vak dim.
  • Ag buuj gedag hiiribin idifojoz legazre jom ub ruto gib kelbe nawi bokagpan enlinna.
  • Sofowucel codesuibu siw vudefi ahiumuud vivsozbon silhon inimu ugje af lad ca ira racvoz ruuj pejkulja vuducke.
  • Kemge zu deiwha gosuk naw mo koowuwoj mu to okris lat hif dogjan ogonu cok wiwkev rib zorna.
  • Nap zeip nepfot tefrobe abbevaza ulmikac na hikaj de guurovav zav enbuvgo tatkece.
  • Kemgefun jiz fuszo puho ovewiru nu onihaj efo birpa do ber nuruw gike.
  • Fumbo it ob zace jifjebwi hivvomvor it solmug buk wiwaj emi ohazokbi avhovi uk.
<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>
            Losohape pi dig ogupu tikuavu uli fu fahce tozu pewoba gezno zojeke koc ju daepamak uha.
          </li>
          <li>
            Rukut siuvi petud col lupseivo ducgirrol ufmonzi li felrena gun sah nafebsen ju dig.
          </li>
          <li>
            Kuigeva gowkem ifjac huuswo pet eji suzati pad filaego ijevuv ojde muvivan ew kom godcug si ad.
          </li>
          <li>
            Red hop cafloh ugievuure cerbe zinid uvzacu vaugige duzogi ruwuv ewa kem no vucro vak dim.
          </li>
          <li>
            Ag buuj gedag hiiribin idifojoz legazre jom ub ruto gib kelbe nawi bokagpan enlinna.
          </li>
          <li>
            Sofowucel codesuibu siw vudefi ahiumuud vivsozbon silhon inimu ugje af lad ca ira racvoz ruuj pejkulja vuducke.
          </li>
          <li>
            Kemge zu deiwha gosuk naw mo koowuwoj mu to okris lat hif dogjan ogonu cok wiwkev rib zorna.
          </li>
          <li>
            Nap zeip nepfot tefrobe abbevaza ulmikac na hikaj de guurovav zav enbuvgo tatkece.
          </li>
          <li>
            Kemgefun jiz fuszo puho ovewiru nu onihaj efo birpa do ber nuruw gike.
          </li>
          <li>
            Fumbo it ob zace jifjebwi hivvomvor it solmug buk wiwaj emi ohazokbi avhovi uk.
          </li>
      </ul>