Why are these 2 containers different sizes in height?


#1

How do I get this one to be, 1121?

the green on here measures 1128
https://jsfiddle.net/bwa3os2v/58/

    .container {
      width: 936px;
      /*height: 1121px*/
      margin: 100px auto;
      background: green;
    }

image

the green on here measures 1121
https://jsfiddle.net/qhkLdveg/47/

    .container {
      width: 936px;
      /*height: 1121px*/
      margin: 100px auto;
      background: green;
    }

image


#2

Depends upon your computer the size of your container may vary!


#3

It depends on your screen size. Try to set max-height and max-width of div and also fix the height of the image.


#4

I was able to figure it out and I resolved the issue.

3 of my objects on there were different sizes than they originally were.