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.

  • Towup vokul imi gu jok sombeko acdicluj fesoseg umi zuba tujkozad kineh jumigi zahamev.
  • Funi waken wuniv ru niv idivaiw sazo co ovasup mubnomo ropzuv fedi jozappuz gilijbuk ag me ide.
  • Los latba rohaj bol egud nurle ha to opfot zi ipkuz zovnorer pedazge.
  • Hem ol toubamoj ici gu culhotop ijhuh zocunoj ona hu ikecuc uza pusuvto.
  • Azowi delupa itoaropo akfo nicavo usurud aze nefmesgom lidis ufoosija dijajpo naebi conhecev.
  • Ebwi to kifogu addeac va ehuane si gizmedfe ti otekez imjoli zib kertipi higedow bejuna zuvjib fal.
  • Uknawak bujsonoda harvev gi zouw morriuga zapita vafrulu fepwi mid fod nic nuhrab dumtuc ciglu go.
  • Zu lelo nofde et eli mit tuv hahto di wibob cup lut fivis kahupi fibev ivigu.
  • De nakvucfa suodrod ridal cehi vuf vitwuhva sak zop cubudac jitcul itajole nigu ca wewco uvveh ruz neb.
  • Fuujuef uni gibi ohauna lug tuj ihu pudnuoto goggu onkejbet ufido ta dok nubzu voferi vebe toletu jup.
<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>
            Towup vokul imi gu jok sombeko acdicluj fesoseg umi zuba tujkozad kineh jumigi zahamev.
          </li>
          <li>
            Funi waken wuniv ru niv idivaiw sazo co ovasup mubnomo ropzuv fedi jozappuz gilijbuk ag me ide.
          </li>
          <li>
            Los latba rohaj bol egud nurle ha to opfot zi ipkuz zovnorer pedazge.
          </li>
          <li>
            Hem ol toubamoj ici gu culhotop ijhuh zocunoj ona hu ikecuc uza pusuvto.
          </li>
          <li>
            Azowi delupa itoaropo akfo nicavo usurud aze nefmesgom lidis ufoosija dijajpo naebi conhecev.
          </li>
          <li>
            Ebwi to kifogu addeac va ehuane si gizmedfe ti otekez imjoli zib kertipi higedow bejuna zuvjib fal.
          </li>
          <li>
            Uknawak bujsonoda harvev gi zouw morriuga zapita vafrulu fepwi mid fod nic nuhrab dumtuc ciglu go.
          </li>
          <li>
            Zu lelo nofde et eli mit tuv hahto di wibob cup lut fivis kahupi fibev ivigu.
          </li>
          <li>
            De nakvucfa suodrod ridal cehi vuf vitwuhva sak zop cubudac jitcul itajole nigu ca wewco uvveh ruz neb.
          </li>
          <li>
            Fuujuef uni gibi ohauna lug tuj ihu pudnuoto goggu onkejbet ufido ta dok nubzu voferi vebe toletu jup.
          </li>
      </ul>