foundation-emails/test/visual/pages/grid-nested-inky.html

A framework for responsive emails

<style>
  .blue {
    background: dodgerblue;
  }
  .red {
    background: salmon;
  }

  p {
    border: 1px solid #333;
  }
</style>


<container>

  <row>
    <columns small="12">

      <row>
        <columns small="6" class="blue">
          <p>nested 6 columns</p>
        </columns>
        <columns small="6" class="red">
          <row>
            <columns small="6" class="blue">
              <p>nested 6 columns</p>
            </columns>
            <columns small="6" class="red">
              <p>2sdafkhasdfkjhas dkfjh askdjfh askjdhf aksjdhf aksjdhf kajshdf</p>
            </columns>
          </row>
        </columns>
      </row>

    </columns>
  </row>

</container>

<container>
  <row>
    <columns small="12">

      <row>
        <columns large="6">

        </columns>
        <columns large="6">

        </columns>
      </row>

    </columns>
  </row>
</container>