How to make a part background to the edge of the window on only one side in the Bootstrap 4 grid?

Question

css

There is a layout:

Extreme vertical guides - the width of the container block .
On the left is the part with a green background, but you need to color not only the column itself in the container, but also the part up to the edge of the window. This is where I got stuck :(
When I need a background that is colored entirely - I put everything in container-fluid , to which I assign the background, it's easy.
There was a layout when exactly half should be painted over - I made a wide horizontal strip 1px high, where one half is painted in maybe a crutch, but rather harmless :)
There are no ideas at all how to do this so that it is not a wild and crooked crutch.

Answer 1

body {
 background-image: linear-gradient(to right, green 0%, green 50%, white 50%, white 100%);
} /*а дальше самим блокам задаем background*/