Container color does not fill the whole container

Question

I am trying to fill my whole container with a particular color, but i am unable to write the code as to how to fill it

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<div className="container-fluid d-flex h-100 flex-column" class="p-3 mb-2 bg-light text-dark">
        <div className="row bg-light flex-fill d-flex justify-content-start">
          <div className="col-20 mx-auto col-md-8 mt-4 mb-4 custom-row-bg">
            <h2 className="text-center text-uppercase">input todo</h2>
          </div>
        </div>
      </div>

This only fills up 1/3 of a page, but i want the color to fill up the whole page

I want the ash color all throughout the page

Answer 1

Check this live example

I just change bg-dark text-light to be the change obsiously!