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

HTML-CSS
1

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;
}
2

Hi @CedarStar !

Welcome to the forum!

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

3

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:

4

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

5

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