@kkolorid

Как сверстать шапку сайта?

Доброго времени суток... Помогите, пожалуйста, сверстать такую шапку сайта:
5b8b9768521a8859875915.png
Конкретно, не понятно, как сделать адаптивные части, которые слева и справа от контента:
5b8b96eabdb12027364808.png
Красным отмечены границы контентной части с фиксированной шириной. Всё остальное должно быть продолжением и растягиваться вместе с окном. Светлые блоки являются картинками, но боковые части нужно сплошным цветом залить.
  • Вопрос задан
  • 191 просмотр
Пригласить эксперта
Ответы на вопрос 2
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
Если мы говорим о структуре:
<header>
    <div class="container">
     …

То для header можно использовать псевдоэлементы :before и :after с этим самым цветом в заливку. Ну а для того, чтобы это реализовать flex-box тебе в помощь.
Ответ написан
Ваш ответ на вопрос

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

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