jeudi 30 juin 2016

Foundation: Scale columns of grid to full width

I have a row where i don't need the 12 columns of foundation grid. Is it possible to scale these columns to full width with a margin between columns calculated dynamically (not with class small/medium/large-offset) by foundation, so that it fit's to the screen size?

This is my coding, where columns are directly next to each other:

<div class="row">
<div class="large-2 medium-2 small-2 left white centered" >
      //Content
 </div>

 <div class="large-1 medium-1 small-1 left white centered" >
      //Content
 </div>
 <div class="large-2 medium-2 small-2 left white centered" >
      //content
 </div>
 <div class="large-1 medium-1 small-1 left white centered" >
      <//content
 </div>

 <div class="large-1 medium-1 small-1 left white centered" >
      //content
 </div>
 <div class="large-1 medium-1 small-1 left white centered" >
      //content
 </div>

Aucun commentaire:

Enregistrer un commentaire