title: Trying to figure out how to center my React card components
body: <p><a href="https://i.stack.imgur.com/VM5oD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VM5oD.png" alt="Code of my component" /></a> <br />
  <a href="https://i.stack.imgur.com/Y7J3a.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y7J3a.png" alt="screenshot of my rendered page" /></a></p>
  <p>I'm trying to center the cards so they appear with even space on both sides. I'm using the inhouse card component within React. I've tried using Flex but no such luck. Any help would be appreciated!</p>
  <p>Thanks!</p>