Portfolio Page Issue

HTML-CSS
1

My code passes all of the tests, except for the one about the height of the welcome section being equal to the viewport. However, I set the height to 100vh and checked multiple times to make sure there wasn’t a spelling or structure error. The test still won’t run though and let me complete the project.

My code: (copied and pasted)

.welcome-section {
  padding-top: 3em;
  padding-bottom: 1em;
  text-decoration: underline;
  width: 100%;
  height: 100vh;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.72 Safari/537.36

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

2

Three things:

  • Take a look at the box-sizing CSS property
  • Check if there are margins on the <body>
  • If you need help in the future, please provide a link to your project because we can only guess if we can’t see what is going on for ourselves
3

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

4

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