Portfolio Site | Viewport:100vh;

Tell us what’s happening:
I’m not sure why I’m still getting the error for the #welcome-section being equal to 100% of the viewport. I’ve been searching around for answers on the internet before I posted here.

Your code so far

#welcome-section {
  height:100vh;
  border:1px solid;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.106 Safari/537.36.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

Your border css is adding 2px to the height (1px top, 1px bottom). So the welcome-section is 2px larger than 100vh. Check out box-sizing: border-box; or remove the border to pass the test.

1 Like

Thank you so much for replying to my post so I could move forward!