Как изменить ширину у блока?

Question

[karmyskove]

Всем привет! Есть пример: https://codepen.io/EugeneKarmyshkov/pen/QWvewXX
Нужно чтобы синий блок занял всю ширину экрана, но при этом сохранив свое место в потоке. Как можно такого результата добиться?

Answer 1

[Pavel-ww]

При таких условиях без изменений в HTML только отрицательный margin

.block-1 {
  margin: 0 -28vw;
}

Answer 2

[andand44]

Растянутый блок, который находится в фиксированном по ширине контейнере, на всю ширину экрана
https://codepen.io/andand44/pen/NWjQGNb