Nested grids

[jarlrobert]

Hi, Is nested grids possible with this?

The following fails:

<div class="row">
    <div class="col row">
         <div class="col"></div>
         <div class="col"></div>
    </div>
</div>

Perhaps you have another way of doing it?

[chrisnager]

Hey @jarlrobert! Thanks for opening the issue.

I didn't initially have nested rows in mind when creating ungrid, but here's one way to use nested rows.

<div class="row">
    <div class="col">
        50% of outer row
        <div class="row">
            <div class="col">50% of inner</div>
            <div class="col">50% of inner</div>
        </div>
    </div>
    <div class="col">50% of outer row</div>
</div>