I am currently trying to build a personal portfolio and am trying to pass all tests before doing any stylization. I have passed all tests except " The height of the welcome section should be equal to the height of the viewport. " I have now spent two days trying to figure out what im doing wrong but i cannot figure it out. Any suggestions? Your code so far
@Harrisonkay - Looking at the code you have you’re using a percentage for the height value. I would recommend taking a look at the vh property to set the height of your welcome section.
Then click on the gear icon in the HTML section and add the viewport meta definition (there’s a handy link on the page that lets you do it in one click).
I see now where I went wrong. I applied vh to font-size instead of height. I clicked on the HTML gear icon and added the viewport meta definition. I re-ran the test and it passed. Fantastic!
you have all my love…wow i faced a similar problem until i applied your fix, thanks so much and keep commenting solutions to people’s problem. You 'preciated
Can you please elaborate “Then click on the gear icon in the HTML section and add the viewport meta definition (there’s a handy link on the page that lets you do it in one click).”?
I don’t understand what meta definition you’re talking about. Thanks
Meta tag is what i was referring to. It is a tag that describes the virtual viewport size and gives other rendering information.
Here is a great explanation which is a bit long but i wish i had read it a long time ago.
I just wanted to add that I was having trouble with this issue even though my #welcome-section’s height was already set to 100vh. It turned out that the problem was that I had a 1 px border, and that was throwing the test off. Once I commented out the border, I passed the test.
i am the same ISSUE !!!
even thought that the height of the section is 100vh . still i am not passing the test !! @hbar1st i also used your solution but did not really work out for me !! it causes the navbar display not to fixed and that makes another failure because the navbar should always stay on top of the view port