(уши) и нужно чтобы несколько блоков за пределы ушей выходили, но при этом контент выравнивался по крайям контейнера?
На некоторых новостных сайтах видел как создают отдельные контейнеры для контента и контейнеры для картинок. Грубо говоря класс width: 300 для текста и width: 500 для изображений. Иначе думаю придется вырывать блоки за пределы контейнера, а тут, наверное, без костылей никак
width: 100vw; max-width: 100vw; margin: 0 calc(-50vw + 50%); нашел как растянуть блок, но тогда выравнивание по контейнеру пропадает
А как выглядит это выравнивание? Если ничего сложного, то возможно обычный флекс по центру может спасти?
Знаешь типичный контейнер с ушами? Так вот, есть блок, который на всю ширину страницы, с контентом внутри
Так если уши одинакового размера и в широком контейнере нет ничего сложного, то флекс не подойдет? Что-то вроде такого
Текст в красном блоке должен выравниваться от начала зелёного блока
Помести еще в один блок, родительский покрась а на блок с контентом дай ширину как у зеленого блока и размести по центру
Относительно родительского с красным цветом
Так не получится. На макете несколько секций вытянутых за пределы контейнера
Обсуждают сегодня