title: Creating a gap using flex
body: <p>There’s no browser support for these properties inside flex on Chrome.</p>
  
  <pre><code>column-gap: 20px;
  grid-column-gap: 20px;
  </code></pre>
  
  <p>Flex</p>
  
  <p><a href="https://jsfiddle.net/80s1p4az/2/" rel="nofollow noreferrer">https://jsfiddle.net/80s1p4az/2/</a></p>
  
  <p>But they work inside grid on Chrome.</p>
  
  <p><a href="https://jsfiddle.net/80s1p4az/3/" rel="nofollow noreferrer">https://jsfiddle.net/80s1p4az/3/</a></p>
  
  <p>How would I create a column gap using flex?</p>
  
  <p>I want to know what an alternative method would be of replicating the same thing so it would work using flex.</p>
  
  <p>Is there any possible way to do this?</p>