I'm trying to create a landing page where people would click on which website they want to go to. I'm new to coding and need some help with the mobile version of the website. There is some spacing that I want to get rid of but I'm not sure how to go about this.

Seen here, I'm trying to get rid of the spacing in between the image blocks on the mobile version. [Mobile version of site](https://i.stack.imgur.com/0cBWk.png)

Thanks!

CSS

```
 body {
      width:100%;
      height: 100%;
      margin: 0;
    }

    .flex {
   display:flex;
   max-width: 80%;
    }
    .flex div{
      flex:1;
      padding:20px;
    }

    img{
      margin:30% auto 30%;
      width:100%;

@media only screen and (max-width:620px) {
  .flex, .flex div, img {
    display:inline;
    width:100%;
    float:left;
  }
}

```

HTML

```
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

<body>
  <div class="flex">
    <div>
      <img src="https://via.placeholder.com/926x1104" />
    </div>
    <div>
      <img src="https://via.placeholder.com/926x1104" />
    </div>
    <div>
      <img src="https://via.placeholder.com/926x1104" />
    </div>

  </div>

</body>
</html>

```