Menu icon Foundation
Customize block grid - what Im i doing wrong?

Im trying to customize block grid...

Using the same method as presented on this page:
http://foundation.zurb.com/docs/components/block_grid.html

But this is somehow not working, the li's get stacked below each other...

.customGrid {
  @include block-grid(3);
}
            

         

<ul class="customGrid">
  <li><img src="http://placehold.it/100x100" /></li>
  <li><img src="http://placehold.it/100x100" /></li>
  <li><img src="http://placehold.it/100x100" /></li>
</ul>
            

         

block-gridCustomization

Im trying to customize block grid...

Using the same method as presented on this page:
http://foundation.zurb.com/docs/components/block_grid.html

But this is somehow not working, the li's get stacked below each other...

.customGrid {
  @include block-grid(3);
}
            

         

<ul class="customGrid">
  <li><img src="http://placehold.it/100x100" /></li>
  <li><img src="http://placehold.it/100x100" /></li>
  <li><img src="http://placehold.it/100x100" /></li>
</ul>
            

         
Rafi Benkual almost 5 years ago

We tested on Sass meister http://sassmeister.com/gist/4e733bb830a50b105f0d
and it works right.

Make sure you are importing Foundation
@import "foundation";

https://gist.github.com/rafibomb/4e733bb830a50b105f0d