title: How to put two of the same divs in 2 by 2 column for download options
body: <p>I want to know if you can make a way to make my download options in a 2 by 2 column? I saw one and it looked very rad and I was wondering if I could try to make but I'm getting stuck on the centering in the middle of the screen and making it a 2 by 2.    ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍      ‍</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.download {
    text-align: center;
    border-style: solid;
    border-radius: 20px;
    display: inline-block;
    height: 250px;
    width: 200px;
  }
  
  .button {
    text-decoration: none;
    color: white;
    background-color: black;
    padding: 12px 20px;
    border-radius: 20px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="download"&gt;
    &lt;h1&gt;
      This Is The Title 1
    &lt;/h1&gt;
    &lt;p&gt;
      Desc 1
    &lt;/p&gt;
    &lt;p&gt;
      Realeased */*/*
    &lt;/p&gt;
    &lt;br&gt;
      &lt;a class="button" href="#"&gt;Download&lt;/a&gt;
  &lt;/div&gt;&lt;div class="download"&gt;
    &lt;h1&gt;
      This Is The Title 2
    &lt;/h1&gt;
    &lt;p&gt;
      Desc 2
    &lt;/p&gt;
    &lt;p&gt;
      Realeased */*/*
    &lt;/p&gt;
    &lt;br&gt;
      &lt;a class="button" href="#"&gt;Download&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="download"&gt;
    &lt;h1&gt;
      This Is The Title 3
    &lt;/h1&gt;
    &lt;p&gt;
      Desc 3
    &lt;/p&gt;
    &lt;p&gt;
      Realeased */*/*
    &lt;/p&gt;
    &lt;br&gt;
      &lt;a class="button" href="#"&gt;Download&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="download"&gt;
    &lt;h1&gt;
      This Is The Title 4
    &lt;/h1&gt;
    &lt;p&gt;
      Desc 4
    &lt;/p&gt;
    &lt;p&gt;
      Realeased */*/*
    &lt;/p&gt;
    &lt;br&gt;
      &lt;a class="button" href="#"&gt;Download&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>