Build a Personal Portfolio Webpage [SOLVED]

Tell us what’s happening:
I have all tests passing except: #Layout - 2.
The height of the welcome section should be equal to the height of the viewport.

Your code so far
See the Pen Free Code Camp: Personal Portfolio Webpage Project by @pen-cube-run-the-fuse on CodePen

Your browser information:

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

Link to the challenge:

Hey there, I’ve seen people run into this problem before. In your CSS file, add:

#welcome-section {
  height: 100vh;

…and the height of the element will equal the viewport’s height.

1 Like

Thank You @JoshuaRasberry This worked.

I am also stuck with this problem ,

in CSS I have added height: 100vh; still failing :frowning:

overflow: auto;
height: 100vh;

My pen is

Need help .

1 Like

What specific challenge is failing? It may be different than the viewport challenge.

Also, try deleting everything around the #welcome-section besides height: 100vh; and see if that helps.


I was giving border 1 px hence it was failing. when given border as 0 px . it has passed the test-case.

1 Like