Portfolio - failing User Story #11


I’m working on my portfolio for the responsive web design certification, and I am failing User Story #11, the one that says the height of the welcome section should be equal to the height of the viewport. I have #welcome-section { height:100vh; }, so I don’t understand what I’m missing. Check out the full code on https://codepen.io/srhbishop/pen/mddzEPo

1 Like

I’m stumped. I set the height to 100% and the same error occurred.
Try just messing around with the height until the test likes it

Welcome, @srhbishop57!
The problem is in the #welcome-section {padding: 100px} try to set the padding: 0px and it works.

We have to understand the box model
In yogur case padding adds 100px more space inside the welcome-section element. Thats increments the welcome-section height

1 Like

Thank you! That did the trick. In retrospect, I’m not sure what I was thinking when I set the padding to 100px…

Please mark the solution so that others know your problem has been resolved.

1 Like

If no one else will say it i will, leave the cats. they’re so cute :smiley: