How to remove extra white space between div rows and make all div images square size?

Question

I have created the following page for ios devices when I display the page on iPhone I get extra white space at the bottom of each row! I don\'t know how to remove the extra

Answer 1

Remove the

margin-bottom: 14vw;

From your .images .line {} css rule

Margin and Padding cause white space. The easiest way to see what css rules are causing the margin or padding is with Chrome dev tools

Also you are setting the height of all images to 47vh. Change it to something like 27vh.

  .images .line .img {
      width: 47vw;
      height: 27vw;
  }