title: How to add spacing between images in flexbox
body: <p>I'm fairly new to flexbox and i have been following an online course produced by Dev Ed. I have a basic understanding on each flexbox property.</p>
  
  <p>I'm trying to add spacing between each image in the 'sub-featured' section of my layout. I've tried to add <code>justify-content: space-between</code> but that doesn't seem to work. Could it be because i've set the width of the images to take up 100%? If so how would i fix this and keep the images responsive? </p>
  
  <p>*** EDIT ****</p>
  
  <p>Sorry i forgot to add the codepen: <a href="https://codepen.io/willzorrr/pen/yLeJvaV" rel="nofollow noreferrer">https://codepen.io/willzorrr/pen/yLeJvaV</a></p>