Problem with a specific user story on the Personal Portfolio Project

1

Hi,

I am having problems with one specific user story:

User Story #10: The height of the welcome section should be equal to the height of the viewport.

I tried using:

.welcome-section { height: 100vh; }
It did not work. In addition, I also tried to make the total sum of the height of the nav-bar be 100 vh:

.welcome-section {
  height: 90vh;
}
nav
{
   position: fixed;
   top: 0px;
   left:500px;
   height: 10vh;
}

However, things did not work out. Here you can see the project:

https://codepen.io/pdelfino/pen/gOPrVRd

Could someone help me, please?

2

the padding is included in the count of the heigth of the section

you have the padding on the section selector

1 Like
3

Hi @ILM, thanks!

I removed the paddings on the section selector. However, it was not enough.

I even tried to remove all paddings for the CSS style. Unfortunately, it did not work too.

Did I implement your suggestion in a wrong way?
Do you have any other idea?

Thanks for helping me.

4

you still need to have it at 100% of the height

you can always right-click and inspect the page

and you can use the error message below the failed user story to see what size it is expected and what size your section is

1 Like
5

Thanks for helping me. It is passing all the tests. Previously, I saw in another post something about summing up the nav and the welcome-section height which was confusing me. I have just fixed it all.