My last project is giving problem

Tell us what’s happening:
Describe your issue in detail here.
for my last project It is telling me that height of of #welcome-section is not equal to that of the viewport

Your code so far

#welcome-section
{
  
    display:flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    border-bottom: rgb(5, 65, 175);
    padding-top: 80px;
    justify-content: center;
    align-items: center;
    background: repeating-linear-gradient(40deg, rgba(225, 65, 175,0.9) 0px, rgba(225, 65, 175,1) 40px, rgb(5, 65, 175) 40px, rgb(5, 65, 175) 80px);
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.107 Safari/537.36 Edg/92.0.902.55

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

Provide your codepen link.

Personal Potfolio (codepen.io)

Hello.

Your padding-top="80px"; is adding extra height to the viewport,
try removing that.

Thank you very much you are the best

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