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

Question

[Илья Деревянных]

Как растянуть на сайте блок с поиском и контактами на всю ширину? И как убрать эти области которые создаются?

Comments

[Ankhena]

Вы знаете, правильно сформулированный вопрос залог успеха.
А в данном случае, даже больше, если вы начнете разбираться как правильно его сформулировать, то по дороге и решите его.
Благо, инструментами разработчика пользоваться, я вижу, умеете.

Итак: "Как растянуть flex-box на всю ширину?" - сейчас он на всю ширину. На всю ширину своего родителя.
Значит, нужно не забыть посмотреть что с родителем.
Если сложно просто через девтулз, то очень помогает задавать рамочки или фоны блокам.

И как убрать эти области которые создаются?

Ну они же не сами создаются.
Они заданы у вас в верстке.
Ведь кто-то же написал правый отступ для p

.ct-header-text .entry-content p {
    margin-right: 40px;
    margin-bottom: 0;
}

Кстати, что делает пустой p с классом .footer-line в хедере?

И т.д.

Answer 1

[Pavel-ww]

Начать с этого.

#header [data-column-set="2"] > div {
	display: grid;
	grid-template-columns: auto minmax(0, 280px);
}

Потом убрать мусор из кода

И завершить этим например


А в целом да, верстка убогая, её бы переделать грамотно полностью