Div element background-color not showing on editor version webpage

Here’s the link of the FCC page:

On FCC preview div content showing, but not on editor’s web page.

body {
background-color: rgb(184, 132, 46);
}

#back-wall {
background-color: #8B4513;
width: 100%;
height: 60%;
}

Also tried on codepen and W3schools, div content is not visible with the above code.

Your solution works for me. Please try one of the following steps to move forward.

  • Click on the “Restart Step” button and force a refresh of your page with CTRL-F5 then try to paste the code in again.

  • or - Try the step in incognito or private mode

  • or - Try a different browser or disable browser extensions that may interfere with the test.

We hope one of these will work for you.

It does not work, checked on chrome and mozilla,
pls check the codepen link: https://codepen.io/s827/pen/ZEoXJXm
when replaced percentage with vw or px, code works, but not with %:

I thought you meant that you were not able to pass the challenge.
In codepen, you have to set the body’s height to 100vw to make this work the same as in fcc.
fCC has some sort of “iframe” in which it previews your code and so that makes things work differently slightly here than elsewhere.