title: UIKIT Grid columns not staying adjacent to each other
body: <p>I am using uikit 2.8.0. I am trying to create a two column grid structure. But the two columns don't appear adjacent to each other. The second column slides down the first one.</p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="uk-container uk-container-center uk-margin-large-bottom"&gt;
  &lt;nav var code.......&gt;
  &lt;div class="uk-grid" data-uk-grid-margin&gt;
  &lt;div class="uk-width-medium-1-1 uk-text-center"&gt;
  &lt;h1&gt;Tell us more about yourself&lt;/h1&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="uk-grid" data-uk-grid-match="{target:'.equal-height'}"&gt;
  &lt;div class="uk-width-large-6-10" style="margin: 0 20% 0 20%;"&gt;
  &lt;div class="uk-width-7-10 uk-width-small-1-1 uk-width-medium-7-10 uk-width-large-7-10"    style="border: 1px solid #B4B3B3;height:100px;"&gt;
  &lt;/div&gt;
  &lt;div class="uk-width-3-10 uk-width-small-1-1 uk-width-medium-3-10 uk-width-large-3-10" style="border: 1px solid #B4B3B3;height:100px;"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried many options. But come what may, the second grid would not stay side by side to the first one.</p>
  
  <p>How can I fix this? Any tool that I can use to debug the layout? I am using chrome developer tools without any success.</p>