Pyramid Foundation Grid

by TheFiddler

HTML

<link rel="stylesheet" href="http://foundation.zurb.com/assets/css/templates/foundation.css">
<script src="http://foundation.zurb.com/assets/js/templates/foundation.js"></script>
<div class="row">
    <div class="small-1 small-centered columns">
        <ul class="small-block-grid-1">
            <li>
                <img src="http://placehold.it/200x200">
            </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="small-2 small-centered columns">
        <ul class="small-block-grid-2">
            <li>
                <img src="http://placehold.it/200x200">
            </li>
            <li>
                <img src="http://placehold.it/200x200">
            </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="small-3 small-centered columns">
        <ul class="small-block-grid-3">
            <li>
                <img src="http://placehold.it/200x200">
            </li>
            <li>
                <img src="http://placehold.it/200x200">
            </li>
            <li>
                <img src="http://placehold.it/200x200">
            </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="small-4 small-centered columns">
        <ul class="small-block-grid-4">
            <li>
                <img src="http://placehold.it/200x200">
            </li>
            <li>
                <img src="http://placehold.it/200x200">
            </li>
            <li>
                <img src="http://placehold.it/200x200">
            </li>
            <li>
                <img src="http://placehold.it/200x200">
            </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="small-5 small-centered columns">
        <ul class="small-block-grid-5">
            <li>
                <img src="http://placehold.it/200x200">
            </li>
            <li>
                <img src="http://placehold.it/200x200">
            </li>
            <li>
                <img...