Build a Personal Portfolio Webpage viewport and flex

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:

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?

Ok I did some changes please go through them

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

Remember the ask is 100%.

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?

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