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.

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.

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


Finally completed it.