Hi all, first time posting. I’m having trouble with User Story #10: The height of the welcome section should be equal to the height of the viewport. It’s not passing the code test. Thanks in advance.
#welcome-section { height: 100vh; background-color: green; width: 100vw; border: solid; border-width: 10px; border-color: brown; }
Can you post a link to your pen please. That line looks okay but without seeing your code we’d all be guessing as to what the problem is.
Browsers, by default, add some margin/padding. Start your CSS clean by adding the following block at the very beginning;
* { box-sizing: border-box; margin: 0; padding: 0; }
Then your styling will be all that the browser sees.
That worked! Thank you!