I am trying to pass the last test case for the Portfolio page which is:
2. The height of the welcome section should be equal to the height of the viewport.
This is my CSS configuration for #welcome-section:
#welcome-section {
padding: 30px;
height: 100vh;
display: flex;
text-transform: uppercase;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: brown;
margin-bottom: 0px;
}
I already set the height to 100vh. I wonder why I still got this error message:
The height of #welcome-section is not equal to the height of the viewport: expected 622 to be close to 485 +/- 1.
Could anyone explain what 622 and 485 means?
Here is the link to my codepen: https://codepen.io/vchan14/pen/rNBeNPM?editors=1100