How to set background color on react

Please help me on this:
https://codepen.io/dany05/pen/WYPWpY

How to fill a page with an a color?

In react, the virtual dom sits inside of the root element you attatch it to,

so your current structure looks like:

<div id="root">
    <div class="container-fluid">
        /* All your other stuff */
    </div>
</div>

so to make the container fluid that you are setting the background on at least 100vh, you could use the css:

#root .container-fluid {
    min-height: 100vh;
}

Doesn’t work, but i found this solution that work most over the time:

html, body, #root, #root>div {
  height: 100%
}

in ccs.

Ah I didn’t realize you had multiple .container-fluids, so it was selecting all of them instead of the top level one