title: How to make a box same size?
body: <p>I need two of my main buttons to have the same sizes, I'm still new to web development so I have no clue.
  I currently have the following HTML and CSS for the index.html</p>
  
  <pre><code>&lt;body&gt;
  &lt;div&gt;
      &lt;img src="img/projectfly-logo.svg"&gt;
      &lt;p class="center"&gt;We're upgrading!&lt;/p&gt;
      &lt;div class="center"&gt;
          &lt;a href="#"&gt;&lt;h1 class="button1"&gt;&lt;i class="fas fa-bell"&gt;&lt;/i&gt; Update&lt;/h1&gt;&lt;/a&gt;
          &lt;h1 class="button2"&gt;&lt;a href="#"&gt;&lt;i class="fab fa-paypal"&gt;&lt;/i&gt; Support the project&lt;/a&gt;&lt;/h1&gt;
      &lt;div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>And then created a center class and 2 different button classes.</p>
  
  <pre><code>.button1 {
      padding: 20px 60px;
      background-color: #00B056;
      border-radius: 300px;
      display: inline-block;
  }
  
  .button2 {
      padding: 20px 60px;
      background-color: grey;
      border-radius: 300px;
      display: inline-block;
  }
  
  .center{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
  }
  </code></pre>
  
  <p>This is the output:
  <a href="https://leonisgeweldig.be/stackoverflow/" rel="nofollow noreferrer">https://leonisgeweldig.be/stackoverflow/</a></p>