Верстая сайт не могу выполнить выравнивание блока..
У меня есть блок в контейнере который не должен выходить за его рамку. Но блок ниже, начало его начинается на уровне контейнера но конец доходит до конца самого экрана устройства, а не самого контейнера.
Как мне вычислять тот отступ чтобы блок ниже .another-block
.another-block {
/*Я не знаю как тут вычислить отступ*/
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<section>
<div class="container">
<div class="row">
<div class="col">
<div class="block"> Элементы этого блока не должны выходить за рамки контейнера, как бы сильно я этого не хотел
</div>
</div>
</div>
</div>
<div class="another-block">
Начало данного элемента должна начинаться с уровня контейнера, но конец должен быть, аж до конца самого экрана устройства
</div>
</section>
Вот примерно следующий результат я хочу чтобы было у меня, но как сделать, не знаю.