Build a Personal Portfolio Webpage - failing TC # 10

HTML-CSS
1

My code is failing User Story #10:
The height of the welcome section should be equal to the height of the view-port.

But I think I have the right code…?

HTML:

<section id = "welcome-section">
  <h1>Wilkommen!</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Etiam ut metus in mi egestas porttitor at ut ex.</p>
</section>

CSS:

  #welcome-section{
    height: 100vh;
  }

Please help!

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage

2

may i see your codepen?

3

Oops, yes.

4

the height of your welcome-section is only 66 pixels
here’s a screen shot showing the area when I inspect it in the browser

image
image1920×1030 134 KB

What you need is to expand that to cover the entire space…

I think you have to re-think your html layout…

1 Like
5

It looks like that even though I had the code to do exactly that:

 #welcome-section{
    height: 100vh;
  }

It was only in the media query (for mobile phone sizes) so I had to add it to the non-mobile phone viewport code. :roll_eyes: