<div class="grid-container">
  <div class="item-pic">
    <img src="images/Heritage_Logo_SQ-bw-2300.jpg" style="max-width: 200px">
  </div>
  <div class="item-desc">
    <p>Heritage Logo, blue</p>
    <button class="mediabuttonWeb" id="Heritage_Logo_SQblueP">PDF</button>
    <button class="mediabuttonWeb" id="Heritage_Logo_SQbluePng">PNG</button>
    <button class="mediabuttonWeb" id="Heritage_Logo_SQblueJ">JPG</button>
  </div>
  <div class="item-pic">
    <img src="images/Heritage_Logo_SQ-bw-2300.jpg" style="max-width: 200px">
  </div>
  <div class="item-desc">
    <p>Heritage Logo, blue</p>
    <button class="mediabuttonWeb" id="Heritage_Logo_SQblueP">PDF</button>
    <button class="mediabuttonWeb" id="Heritage_Logo_SQbluePng">PNG</button>
    <button class="mediabuttonWeb" id="Heritage_Logo_SQblueJ">JPG</button>
  </div>
</div>

.grid-container {
  display: grid;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-columns: 200px auto;
  grid-template-rows: 200px 200px;
  justify-items: start;
  width: 95%;
  max-width: 700px;
  margin: 0 auto;
}