Build a Personal Portfolio Webpage viewport and flex

Build a Personal Portfolio Webpage viewport and flex
0.0 0

#1

I want to have the height of the #welcome-section same as the height of the viewport.
Also there is some bad rendering in my flex .
Read few forum posts but no help so asking again.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/60.0.

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


#2

You currently are specifying a fixed height of 250 px for the #welcome-section. Look into using thevh unit. What percentage do you think you would use with this unit?


#3

Ok I did some changes please go through them


#4

If vh is 1% of the height of the viewport…what is height:80vh;?

Remember the ask is 100%.


#5

I tried it with 100vh but the test didn’t pass. Also tried for different values of vh still no luck.
Is my media query correct?
Or am I missing something?


#6

I think 100vh should be correct at least it work for me


#7

100 will be true. In the development process it is better to take more accurate values immediately. Or, as a rule, apply immediately, for example, as it looks at Niklex . Usually the last is very good, especially if you find good ideas or even discuss them with the designer. You can even take a lot of ideas for yourself.