Media query and viewports

1

Can someone explain this? I found media query, but the matching of viewport didn’t work!

2

Can you expand? Maybe include an example, a piece of code, or a link, or a picture.

3 
 I figured out the media query, but the  next part  I adjusted all of the heights in the css, but it still said it was wrong.

I’m not on my laptop, so I can’t get into my codepen

image
image748×385 52.8 KB

4

Hello there,

The test suite error messages are normally very helpful, and will guide you to figure out the issue.

We really cannot help further, without seeing your code.

5

here is my page. i took off the ‘media query’ , because i was trouble shooting.

6

Thank you, for linking your project.

Here is the User Story:

The height of the welcome section should be equal to the height of the viewport.

Here is the error message:

The height of #welcome-section is not equal to the height of the viewport : expected 114 to be close to 568 +/- 0

This is what you have:

.welcome-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20vh;
  background:orange;
}

Can you see where the problem is?