title: How to achieve 2 equal columns on desktop and 1 column on mobile with css grid
body: <p>I'd like to use css grid to have two always equally sized columns on desktop, and one column on mobile. I've been trying to use:</p>
  <pre><code>grid-template-columns: repeat(auto-fill, minmax())
  </code></pre>
  <p>with various settings inside minmax, but seem to end up with either 2 columns in both media, or 1 column in both.</p>