title: An image grid keeps repeating?
body: <p>I'm trying to make an image grid with four different images (2x2 grid) and the grid repeats 4 times but I'm not sure why. Any thoughts?</p>
  <pre><code>&lt;style&gt;
  .gridContainer
  {
      align-items: center;
      margin-left: 10px;
      margin-right: 10px;
      display: grid;
      grid-gap: 10px;
      justify-content: space-evenly;
  }
  
  .gridContainer img
  {
      max-width: 600px;
      height: auto;
  }
  &lt;/style&gt;
  
  &lt;div class=&quot;gridContainer&quot;&gt;
    &lt;img width=&quot;100%&quot; src=&quot;cans.jpg&quot;&gt;
    &lt;img width=&quot;100%&quot; src=&quot;aesthetic.jpg&quot;&gt;
    &lt;img width=&quot;100%&quot; src=&quot;ts-cook.jpg&quot;&gt;
    &lt;img width=&quot;100%&quot; src=&quot;ts-bowl.jpg&quot;&gt;
  &lt;/div&gt;
  </code></pre>