Media query and viewports

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

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

 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

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.

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

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;

Can you see where the problem is?