title: CSS grid layout changing column width with javascript
body: <p>I try setting up a CSS grid layout as follows</p>
  
  <pre><code>.wrapper {
    width: 800px;
    display: grid;
    grid-template-columns: repeat(3, 200px);
    grid-template-rows: repeat(5, 200px);
  }
  </code></pre>
  
  <p>Is it possible to locate grid-template-columns in JS then re-size the columns? I came across a situation where I could find it (lost the code) but when I tried changing it, Chrome DevTools say the value is computed and cannot be changed.</p>
  
  <p>Any help pointing me in the right direction (or other ways to do it, but use of grid is a must) is highly appreciated. </p>
  
  <p>Thanks.</p>