Задать вопрос
  • Как такое сверстать?

    @Dzhafari
    .green {
        position: relative;
    
        width: calc(100vw + 80px - ((100vw - 100%) / 2));
        left: calc(((100vw - 100%) / 2) + 80);
    }


    пояснение для width:
    (100vw - 100%) / 2 -> расчет одного бокового отступа контейнера (padding-left + margin-left у контейнера)
    80px -> значение бокового padding'а контейнера (с одной стороны)

    пояснение для left:
    (100vw - 100%) / 2 -> расчет одного бокового отступа контейнера (padding-left + margin-left у контейнера)
    + 80px - компенсируем padding контейнера

    80px - меняй это значение в зависимости от padding'ов в твоем контейнере
    будет работать если box-sizing: border-box у контейнера
    Ответ написан
    Комментировать