How to make <body> background colour fit full height of page?

I’ve been trying to get the purple background colour on this page to fill the entire height of the page, but it’s not working.

I tried setting the html height to 100% and 100vh, and the body min-height to 100% and 100vh, but so far no luck.

html {
  background-color: #000;
  height: 100%;
}

body {
  background-color: rgb(55, 45, 56);
  color: black;
  display: flex;
  flex-direction: column;
  font-family: "Open Sans", sans-serif;
  min-height: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

Hi @CedarStar !

Welcome to the forum!

When I delete the html selector the color seems to fill the entire page.

Thank you!!!

Do you know why the html selector stopped the body from extending all the way down?

If not, no worries - I’m just curious.

Thanks again :smiley:

I am not sure why :laughing:
But maybe someone with more css experience can explain that.