title: 2 columns on desktop one column on mobile with flexbox
body: <p>I´m trying to generate a list of users (2 per row on desktop and 1 per row in mobile)</p>
  
  <p>this is my markup</p>
  
  <pre><code>&lt;div class="users"&gt;
      &lt;div&gt;user 1&lt;/div&gt;
      &lt;div&gt;user 2&lt;/div&gt;
      &lt;div&gt;user 3&lt;/div&gt;
      &lt;div&gt;user 4&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is my SCSS</p>
  
  <pre><code>.users {
      display: flex;
      @media (min-width: 1025px) {
          column-count: 2;
      }
  }
  </code></pre>
  
  <p>I´m not sure if column-count is meant to be used like this.</p>