The height of #welcome-section is not equal to the height of the viewport

What should I do to fix the viewport inconsistency?

Also, the media query bit passed the test, however W3C CSS Validator points out that the line 42 is incorrect. What should I do to fix this as well?

Hi @rafaelleduarte1993 !

I would suggest adding a basic css reset to the page.
It will make working with the css layouts a little bit easier.

*, *:before, *:after {
  box-sizing: inherit;

html {
  box-sizing: border-box;

CSS tricks has a great article on box-sizing.

In your welcome section you need to set it to 100 viewport height.

You might also consider changing the margin: -20px; to margin: 20px; if you are going to add that basic css reset.

For your navbar, it needs to be set all the way to the top.
You will need to add the top property to your navlinks selector.

Then the tests should be passing.

What does the error message say?
You are missing the px at the end here (max-width: 500
Maybe that is the error

Hope that helps!

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.