Build a Personal Portfolio Webpage My height is all wrong

HTML-CSS
1

#10: The height of the welcome section should be equal to the height of the viewport.~
I put it in as 100vh but it not right.

Chrome

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.108 Safari/537.36.

Link to the challenge:

2

It is because of the padding on the #welcome-section, you can use flexbox to center the h1 instead.

#welcome-section {
  height: 100vh;
  width: 100vw;
  background-color: #ccd;
  text-align: center;
  color: brown;
  font-size: 50px;
  text-shadow: 2px 2px 2px #1C6EA4;
  min-height: 40vh;
  /* padding: 50vh 5vw 30vh 0vw; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
1 Like