Можно ли реализовать такой блок?

Question

[Cerega32]

Если да, то как?

Comments

[Сергей delphinpro]

Способ реализации может зависеть от того, что реально представляет собой блок.

1. Если это просто однородный или градиентный фон, то добавляем абсолютно позиционированный ::after в конце.

2. Если фон картинкой, то псевдоэлемент можно расположить от левого края, а ширину либо высчитать calc((100vw - 1000px)/2 + 1000px), где 1000px это ширина контейнера. Либо сделать ширину 100vw и поместить всю секцию в блок-обертку с обрезкой.

3. Если этот блок полностью содержит контент (а не просто фон), то думать надо. Навскиду, подойдет та же формула, что во втором пункте.

Answer 1

[Ankhena]

position: absolute
left: calc(50% - ПоловинаШириныМакета);

Возможно, еще плюс левый отступ, смотря как вы это верстаете.

Answer 2

[skuvaWeb]

calc(100vw - ((100vw - 1200px)) / 2);
Где 1200 ширина контейнера