title: How do I make a responsive grid with UIKit?
body: <p>I'm building my whole site using UIKit framework. I am having a lot of trouble getting the responsive grid to work, my code is attached.</p>
  
  <p>I want the grid to stack on top of each other at all screens smaller than the medium break point. It works wonderfully when I resize the browser window, but doesn't work at all when I use chrome to test it in responsive test. Also it is worth noting that when I test the page locally without uploading it to the server, the responsive grid works just fine, but the responsive height and width class doesn't work</p>
  
  <p>Thanks in advance</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;section id="past"&gt;
    &lt;h1 class="uk-responsive-width uk-responsive-height"&gt;What Have I Done?&lt;/h1&gt;
    &lt;div class="uk-grid" data-uk-grid-margin&gt;
      &lt;div id="ccb" class="uk-width-small-1-1 uk-width-medium-1-2 uk-width-large-1-3"&gt;
        &lt;a href="#ccb_des" data-uk-modal="{center:true}"&gt;
          &lt;img id="ccb_thumbnail" src="img/ccb_thumbnail_resize.jpg" alt="Cranbrook Culture Book" class="uk-border-rounded"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div id="cfc" class="uk-width-small-1-1 uk-width-medium-1-2 uk-width-large-1-3"&gt;
        &lt;a href="#cfc_des" data-uk-modal="{center:true}"&gt;
          &lt;img id="cfc_thumbnail" src="img/cfc_thumbnail_resize.jpg" alt="Cranes for Change" class="uk-border-rounded"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div id="trombetta" class="uk-width-small-1-1 uk-width-medium-1-2 uk-width-large-1-3"&gt;
        &lt;a href="#trombetta_des" data-uk-modal="{center:true}"&gt;
          &lt;img width="300" height="200" id="trombetta_thumbnail" src="img/trombetta_thumbnail.jpg" alt="Trombetta Intern" class="uk-border-rounded"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>