title: Elements Not Centering
body: <p>I am making a website for a client of mine, but I have a problem.
  I want 3 buttons with text pop up but they won't center.
  When I checked the inspector I could see a weird margin right while I have not done this myself.</p>
  <p>Thank you for all the replies, but sadly non of them worked. I think it has something to do with something else on my website.</p>
  <p>It might be this:
  <a href="https://i.stack.imgur.com/ayXf5.png" rel="nofollow noreferrer">Photo Problem 2.</a></p>
  <p>If you want code of a specific section, just say it I do not know what not to and what to put in here in terms of code.</p>
  <pre><code>#Buttons
  {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: center;
      text-align: center;
      min-height: 400px;
      margin: 0 auto !important;
      }
      
  .Button
  {
      margin-right: 50px;
      width: 200px;
      height: 200px;
      background-color: white;
   }
      
  
  
  &lt;div id=&quot;Buttons&quot;&gt;
     &lt;div class=&quot;Button&quot;&gt;&lt;/div&gt;
     &lt;div class=&quot;Button&quot;&gt;&lt;/div&gt;
     &lt;div class=&quot;Button&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/nr2XK.png" rel="nofollow noreferrer">Photo of the problem.</a></p>
  <p><a href="https://i.stack.imgur.com/FzYJt.png" rel="nofollow noreferrer">Margin of the buttons.</a></p>