Personal Profile Responsive Web Project Help

I am having trouble with the height and media query tests. Not sure what I am supposed to do. I’ve gone back to review lessons pertaining to media queries and I am not sure if I understand how they work. As for the height, I’m just not sure how to match the heights of the welcome section and viewport.

Regarding the height, you should set it to 100vh since that would mean 100% of the view port’s height.
Hope this helps

And you should include a media query in your code which you haven’t.

Thank you. When I, erm, inquired about the query, I consciously didn’t include one because none of my attempts to do so resulted in the test being passed.

Did it work now?
If not, then you should include a media query and you should actually write something in it.

Maybe I’m not being clear – I know that a media query means to type “@media” into CSS but beyond that I don’t know what exactly to do with it to make it execute. Even looking through prior lessons it wasn’t clear to me what I am supposed to be doing with that command.

I can’t include a media query if including one isn’t going to work if I don’t know what to fill it with.

Here, let me explain to you how to use @media

@media (/*in here you can put a max-width, so if the device is 
smaller that the width declared, the CSS inside the block "{ }" will be run*/) {
}
/*example 1*/
/* So if the device viewport is smaller than 500px , */
@media (max-width: 500px) {
/* These CSS will be used */
  nav {
    /* CSS */
  }
  element {
    /* CSS */
  }
}

You can nest as much CSS inside the @media query. You can learn more here

THANK YOU!!

Finally completed it.