@Ramzzza

Как сверстать такой блок?

5e600574ace46521424867.png
Вопрос в том, что есть блоки с нормальной шириной, отцентрированные через margin: 0 auto. На фото красными линиями указан этот контейнер. Верхний блок и футер в нем ресайзятся нормально, а вот средний , который с бэкграундом, должен быть на всю ширину экрана, но при этом, чтобы левая часть блока не вылезала за границы основного контейнера.
Сделал на флексах обертку и две колонки с flex-basis: 50%, теперь не могу понять как правильно спозиционировать текст.
  • Вопрос задан
  • 178 просмотров
Решения вопроса 1
LenovoId
@LenovoId
грёбнный короновирус
https://codepen.io/topicstarter/pen/jOPGMeL

Есть обычный контейнер - который в моём примере 768px
Есть контейнер шире - в моём случае это 100%
Вот так делается такая вёрстка ...
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@faradeifrontend
Использую пробелы для отступов ;)
Смотри в фулл экране. Фон с волком задан секции, а контент выровнен в контейнере.
Ответ написан
@AleksRap
Блок с серым фоном - обертка на флексах выравниванием по центру. Внтуренний элемент - блок с контентом с шириной равной ширине верхнего блока
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы