title: Deciding when you need a new grid-x "row" in Foundation 6 XY grid
body: <p>I'm trying to determine the best practices for using grid-x "rows" in Foundation 6 XY grid.</p>
  
  <p>Specifically, is there a good rule of thumb for when I should create a new grid-x "row" vs. putting multiple single element cells in a single grid-x "row" (I keep using quotes because they're not technically rows in XY grid).</p>
  
  <p>It seems straight forward when I need to align multiple "column" cells in the same row (e.g., if I want two "columns" side-by-side), but what about when I'm basically stacking single element "rows" (e.g., an h1, a paragraph, another paragraph, etc.)?  Should I put those elements in individual cells in individual grid-x elements...</p>
  
  <pre><code>&lt;div class="grid-x"&gt;
    &lt;div class="cell"&gt;
      &lt;h1&gt;Text&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="grid-x"&gt;
    &lt;div class="cell"&gt;
      &lt;p&gt;Text&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="grid-x"&gt;
    &lt;div class="cell"&gt;
      &lt;p&gt;Text&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Or should I put them in a single cell...</p>
  
  <pre><code>&lt;div class="grid-x"&gt;
    &lt;div class="cell"&gt;
      &lt;h1&gt;Text&lt;/h1&gt;
      &lt;p&gt;Text&lt;/p&gt;
      &lt;p&gt;Text&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is just an arbitrary (and somewhat absurd) example, but what is a good rule of thumb for when a new grid-x should be used?</p>