Personal Profile Responsive Web Project Help

1

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.

4

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.

6

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.

7

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

8

THANK YOU!!

Finally completed it.