Why is it doing this

Mornincupofhate · April 19, 2016

I've been trying to correct this issue for about an hour, still don't know why it's doing this.

At lower resolutions, it does what's happening in the first pic, and at 1920x1080 (higher resolutions) its expanding it much bigger as seen in the second pic.

Keep in mind I'm using percentage values, so it should be scaling.

http://imgur.com/a/eFxXZ

wyattzx · April 20, 2016

It appears to be a poorly-designed website, and it's not responding to the different resolutions. Poor design on their behalf, is my best guess.

Brenz · April 21, 2016

On 19/04/2016 at 0:48 AM, Mornincupofhate said:

I'm using percentage values

You answered your own question. If I have a screen 1000px high and another 2000px high and I set an element so it's height is 50% one is going to be twice as big as the other. If you are going to use percentages for the container you need to scale the content inside as well to match.