title: Zurb Foundation 4 - How to create a full height column
body: <p>I'm trying to create a floating panel. It needs be detached from the grid and fill the entire height of the document, on the left side like SO:</p>
  
  <p><img src="https://i.stack.imgur.com/DdIjV.png" alt="enter image description here"></p>
  
  <hr>
  
  <p>My experiment so far:</p>
  
  <pre><code>&lt;div class="row left"&gt;
      &lt;div class="small-3"&gt;
          &lt;div class="panel"&gt;
              Panel HTML
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="small-6 columns"&gt;&lt;div class="panel"&gt;Main - Content&lt;/div&gt;&lt;/div&gt;
      &lt;div class="small-6 columns"&gt;&lt;div class="panel"&gt;Main - Content&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Produce the following:</p>
  
  <p><img src="https://i.stack.imgur.com/Mp3l7.png" alt="enter image description here"></p>
  
  <p>I'm not sure what is the best practice when using Foundation, and could not find a reference in their docs. Appreciate the help :)</p>