Как растянуть flex-box на всю ширину?

Как растянуть на сайте блок с поиском и контактами на всю ширину? И как убрать эти области которые создаются?
617a7433220e3680722897.png
  • Вопрос задан
  • 64 просмотра
Решения вопроса 2
sharomet
@sharomet
Front-End
Он на всю ширину.
Можно растянуть родителя а потом внутри подшаманить:
617a8192251fb699439849.png

grid-template-columns: 1fr auto;

617a828eb601c565945374.png
justify-content: space-between;
или
justify-content: flex-end;
А вообще вёрстка так себе.
Если вам нужно строго по центру то нужно разбить хедер на 3 блока:
Логотип, Блок с поиском и блок с меню. Блок с поиском позиционируйте с помощью position: absolute по центру.
лого и меню раскидываете с помощью флекса
Не понятно еще зачем параграфы в хедере
Ответ написан
Pavel-ww
@Pavel-ww
Начать с этого.
#header [data-column-set="2"] > div {
	display: grid;
	grid-template-columns: auto minmax(0, 280px);
}

Потом убрать мусор из кода
617a98a528bc7489239885.jpeg
И завершить этим например
617a9976d21ad381303512.jpeg

А в целом да, верстка убогая, её бы переделать грамотно полностью
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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