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

[rafaelleduarte1993]

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?

PersonalPortfolioWebpage(ongoing)

[jwilkins.oboe]

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 {
  margin:0;
  padding:0;
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

CSS tricks has a great article on box-sizing.

Box Sizing | CSS-Tricks

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

CSS Viewport Units: vh, vw, vmin, and vmax — SitePoint

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.

@rafaelleduarte1993

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?

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!