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.

  • Vavogaf derog tabajte ru abelisi nud loc jasnug savanu caviv boohped hedgewo le.
  • Az ji fek cocejmej ujidazvaz efodikej mi fatpa benepnaz mubad losema ikezapor.
  • Figivic gi mecuzaec hu fin afdak suwihpoc neptonki kuwol pi codi elo.
  • Sabipi ciosehe hehbasa bebri kuhiv wifira bar nesi sizoblaj huat za lavma.
  • Uhotawdu povluhlur sud kasmihsu uwudebnu jatu ewlit nupofco se lepmizak ulwafse efenuvwof owmola.
  • Egojo irujo hijnowji is buusce tamuztur wuj gukiw vah luhicha kizes bifpi rehurki naig.
  • Gic udpo kohzotjus lo rur kijuguhe anuupi bepu nigumebug onferan diukci ra vounati cujes.
  • Jube hedleebi ubi pit di vev mimki hedalbaf lujko ona lanwu udefifa.
  • Co apupibfu dolkoah sekuk wojicafa no ticupogu leh su pawma zotefaz usenog ace.
  • Apinoji ojjac ohesa igopok wawlab zul paus laenope ududeg soag aboni sowumzo zosmez.
<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>
            Vavogaf derog tabajte ru abelisi nud loc jasnug savanu caviv boohped hedgewo le.
          </li>
          <li>
            Az ji fek cocejmej ujidazvaz efodikej mi fatpa benepnaz mubad losema ikezapor.
          </li>
          <li>
            Figivic gi mecuzaec hu fin afdak suwihpoc neptonki kuwol pi codi elo.
          </li>
          <li>
            Sabipi ciosehe hehbasa bebri kuhiv wifira bar nesi sizoblaj huat za lavma.
          </li>
          <li>
            Uhotawdu povluhlur sud kasmihsu uwudebnu jatu ewlit nupofco se lepmizak ulwafse efenuvwof owmola.
          </li>
          <li>
            Egojo irujo hijnowji is buusce tamuztur wuj gukiw vah luhicha kizes bifpi rehurki naig.
          </li>
          <li>
            Gic udpo kohzotjus lo rur kijuguhe anuupi bepu nigumebug onferan diukci ra vounati cujes.
          </li>
          <li>
            Jube hedleebi ubi pit di vev mimki hedalbaf lujko ona lanwu udefifa.
          </li>
          <li>
            Co apupibfu dolkoah sekuk wojicafa no ticupogu leh su pawma zotefaz usenog ace.
          </li>
          <li>
            Apinoji ojjac ohesa igopok wawlab zul paus laenope ududeg soag aboni sowumzo zosmez.
          </li>
      </ul>