Build a Personal Portfolio Webpage [SOLVED]

HTML-CSS
1

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:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage

2

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
3

Thank You @JoshuaRasberry This worked.

5

I am also stuck with this problem ,

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

#welcome-section{
overflow: auto;
height: 100vh;
padding:0;
margin:0;
}

My pen is https://codepen.io/vighnesh123/pen/LBEPBz

Need help .

1 Like
6

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.

2 Likes
7

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

1 Like