Too Much Width & Height

I’m creating a simple tip calculator, based in a dribbled design.
I’m following mobile first aproach, exactly iphone 6/7/8 (375 x 667).
BUT i’m having a lot of extra space in the design, and i don’t know what is happend.

Can you rate my code and teel me what i’m failure? Thanks in advance!


Looks normal, but when you move the mouse… in the second capture we can see the extra space.

This is what I see. No extra space around the sides, but the text at the top overflows.

I dont’t understand anything :frowning: CSS is hard.