Grid Overlay

<style>

    .fundamentals-grid-overlay-wrapper {
        position: relative;
        height: 100%;
    }

    .fundamentals-grid-overlay-wrapper .fundamentals-grid-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .fundamentals-grid-overlay .o-grid__row  {
        align-items: stretch;
        height: 5000px;
    }

    .fundamentals-grid-overlay span {
        background-color: rgba(204, 204, 204, 0.2);
        display: block;
        height: 100%;
    }

</style>

<!--
    Grid overlay example - 12 grid system
-->
<div class="fundamentals-grid-overlay">
    <div class="o-grid">
        <div class="o-grid__row">
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
            <div class="o-grid__col:1">
                <span></span>
            </div>
        </div>
    </div>
</div>