Как мне сделать контейнер и левый фон А справа пустым? (Как показано на фото)

Question

Мне нужна помощь html, bootstrap и css от хорошего знатока.Как мне сделать контейнер и левый фон А справа пустым?(Как показано на фото)

Я могу это сделать (поля, отступы, позиции).Но это не будет правильно.Очень большой или слишком маленький экран определенно решен.Мне нужна помощь, как это сделать правильно.

<header>
    <div class="container-fluid">
        <div class="navbar">

        </div>
    </div>
</header>
<main>
    <div class="container-fluid">
        <div class="container">

        </div>
    </div>
</main>

Это должно быть гибким на каждом экране