FCC: Personal Portfolio - Second test of #layout - Help!

The height of the welcome section should be equal to the height of the viewport.

Error message

The height of #welcome-section is not equal to the height of the viewport : expected 582 to be close to 442 +/- 0
AssertionError: The height of #welcome-section is not equal to the height of the viewport : expected 582 to be close to 442 +/- 0
at Proxy.T (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:549:12413)
at Proxy.l (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:431:130)
at Function.n.approximately (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:574:8045)
at a. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:657:125523)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:38668
at i.g.run (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:38963)
at N.runTest (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:45686)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:46651
at o (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:45075)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:45145

You can tell from the error that I’ve tried using height: 100vh; but for some reason, it doesn’t seem to work.
My code so far

https://codepen.io/maz12211/pen/wvgYbja?editors=1100

Hi @MAZ1211 !

I have edited your post so people can click on the link.

When I delete the padding from your welcome section it passes for me.

Use margin instead margin: 70px 0;

1 Like

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