title: how to make 2x2 image grid CSS
body: <p>I am a journalism student and I cannot figure out to do the CSS for a working 2x2 image grid, at first the images were in a row now they are very stretched out in a column. Could someone please help me figure out how to do this? <a href="https://i.stack.imgur.com/QveyM.png" rel="nofollow noreferrer">(photo of my code)</a></p>
  
  <pre><code>/* Work Layout */
  .work div {
    display: flex;
    flex-flow: wrap;
    width: 150px;
    height: 300px;
  }
  .img {
    "images/benbball.jpg"
    width: 50px;
  }
  </code></pre>