Как сверстать подобную шапку сайта?

Question

[sergpp]

Уважаемые друзья! Помогите пожалуйста новичку разобраться с версткой шапки сайта. Буду рад любым подсказкам в какую сторону ковырять.

Comments

[Rustam Bainazarov]

Картинка на фон.

[badimint]

Три блока один в одном. На 2 нижних linear-gradient ... как вариант

[Рома Зварич]

sergpp, покажите фрагмент реального макета.

Answer 1

[Robert-critical-thoughts]

Картинка на фон, либо если у вас есть psd макет (авокодом или фигмой вытаскиваете линейный градиент и делаете его background). Блок который у вас по центру:

margin: 0 auto; \ display: flex; justify-content:center; align-items:center;

На выбор.