Portfolio viewport issue

HTML-CSS
1

Tell us what’s happening:

I keep getting this error code, however, I believe I have done what’s needed, anyone. able to point me in the right direction? thanks so much.

error: “The height of the #welcome-section should be equal to the height of the viewport.”

Your code so far
#welcome-section {
background-color: #fff999;
height: 100vh;
width: 100%;
margin: auto;
padding-top: 100px;
text-align: center;

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.74 Safari/537.36

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

2

It would be much easier to help you if you gave us a link to your working project so we can test this for ourselves.

3

here you go, thanks

4

This is just a quirk in how the height is being calculated for the welcome-section. Add box-sizing: border-box to #welcome-section and it will pass.

In fact, I would recommend you add this to everything using the * selector.

5

fantastic, thank you so much, for the love of me couldn’t figure it out.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.