title: How to properly reset grid-template-columns?
body: <p>I have a two column layout in CSS grid and would like to toggle to a single column layout at 1024px.</p>
  
  <pre><code>.page {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-column-gap: 5pt;
    grid-row-gap: 5pt;
  }
  
  @media (max-width: 1024px){
    .page{
      display: block;
    }
  }
  </code></pre>
  
  <p>Is changing the display type a complete solution for disabling <code>grid-template-rows</code> etc., or should they explicitly reset?</p>
  
  <p>Are there any "gotchas" when setting display types using grid.</p>