Block grid

Foundation provides small-block-grid-N, medium-block-grid-N and large-block-grid-N. It’s very convinent when we need to spread the content evenly inside a space.

<ul class="small-block-grid-2 medium-block-grid-4">
  <li><img src="http://placehold.it/300x200" alt="placeholder" /></li>
  ...
  <li><img src="http://placehold.it/300x200" alt="placeholder" /></li>
</ul>

Open example in jsFiddle

What’s next? We’re going to take a look at “Flex video”.