title: Center Containter vertically in JSX react-bootstrap format
body: <p>I'm trying to center the container on the x and y axis but my code is only working for the x axis. Any ideas on how I could get it working on the y axis aswell (Vertically)?</p>
  
  <pre><code>function App() {
   return (
  &lt;Container className="align-content-center flex-wrap"&gt;
    &lt;Row className="d-flex justify-content-center"&gt;
      &lt;h1&gt;Convert&lt;/h1&gt;
    &lt;/Row&gt;
    &lt;CurrencyRow /&gt;
    &lt;Row className="d-flex justify-content-center"&gt;=&lt;/Row&gt;
    &lt;CurrencyRow /&gt;
  &lt;/Container&gt;
   );
    }
  </code></pre>