title: Flex vertical margin between elements
body: <p>I am having difficulties working out how instead of having all the elements spaced out equally to instead have the elements together but still vertically centered.</p>
  
  <p><a href="https://i.stack.imgur.com/3iy4a.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3iy4a.jpg" alt="enter image description here"></a></p>
  
  <p>i want it so there are only gaps on the outside of that content</p>
  
  <p>please see my website for code </p>
  
  <p><a href="https://ukhotspot.co.uk/" rel="nofollow noreferrer">https://ukhotspot.co.uk/</a></p>