Как сверстать такое?

Question

[z_u_q]

Как сверстать такое? Чтобы красный квадрат был слева выходил за пределы блока .container. Чтобы было так:



З.ы. при условии, что струклура main, section и container менять нельзя.

Ссылка на пример

Comments

[Lord_Dantes]

Не делать .container и сверстать блок без фиксированной ширини

Answer 1

[Aricus]

Если я правильно понял вопрос, можно, например, так. Ну или сделать по аналогии с чёрным прямоугольником.

.box_red {
  background-color: #fe3a3a;
  max-width: 1050px;
  width: 100%;
  margin-left: -100px;
}