Issue in last project

HTML-CSS
#1

Tell us what’s happening:
Describe your issue in detail here:
Hi, I’m trying to complete the last project, but there is a user story I can’t figure out.
I need to set the height of the welcomes-section to the height of the viewport, which I do, but it doesn’t accept my solution.

Your code so far
This is what I do to set the height:
#welcome-section {
text-align: center;
height: 100vh;
}

Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 Edg/92.0.902.67

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

#2

I think we would probably need to be able to see the project so we can test it for ourselves? Is it available publicly somewhere and can you provide a link?

#3

Here you can check my project:
My personal portfolio (codepen.io)

#4

Ahh, common problem. Get rid of the top padding on that section and you should be good.

#5

Thank you very much, it worked!
I just don’t know why I had to do that, even though I don’t set the padding to a certain value, it isn’t zero. Know why that is?

#6

Actually, you are setting the padding to a value:

section {
  margin: 100px auto;
  padding-top: 40px;
}

This is in your CSS and thus every section has a top padding of 40px.

#7

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