Build a Personal Portfolio Webpage viewport and flex

Build a Personal Portfolio Webpage viewport and flex
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
https://codepen.io/sakata_gintoki/pen/XYgQzd?editors=1100

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

0 Likes

#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?

0 Likes

#3

Ok I did some changes please go through them

0 Likes

#4

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

Remember the ask is 100%.

0 Likes

#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?

0 Likes

#6

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

0 Likes