Grelhas de aninhamento de problemas com Zurb-Foundation - html, css, zurb-foundation

Eu tenho tentado fazer isso usando o Foundation, e apesar de tentar de muitas maneiras diferentes, eu simplesmente não consigo fazer funcionar. O objetivo:

Minha tentativa mais próxima até agora:

 <div class="row">
<div class="small-6 columns">
<div class="row">
<div class="small-6 columns">
<div class="small-12 columns" id="block1">
<h4>Block 1</h4>
</div>
<div class="small-12 columns" id="block3">
<h4>Block 3</h4>
</div>
</div>
</div>


<div class="small-6 columns" id="block2">
<h4>Block 2</h4>
</div>
</div>

<div class="small-6 columns right" id="introBlock">
<h4>Intro<h4>
</div>
</div>

Respostas:

cada coluna aninhada deve estar contida em uma div da linha, você está faltando uma div linha após

<div class="row">
<div class="small-6 columns">
<div class="row">
<div class="small-6 columns">