Как верно верстануть страницу?

Question

[tesko]

Подскажите как сверстать подобную шапку? Сколько сижу - адаптив не хоче работать
Вот макет шапки - prntscr.com/mchal8

Cверху поверх картинки телефон и кнопка ( не фиксирована)
Где текст с белым выделением - это типа тень у него

Адаптив такого вида - prntscr.com/mchbs9

Answer 1

[Henxed]

Сделайте её сеткой (Я вижу примерно так):

Да поправьте с помощью флекса положения. На мобиле скройте правую часть или измените положение и её параметры. То есть структура таже, а css уже другой и выглядеть будет хорошо.

@media (min-width: 768px){
  .hero-right{
   display:none;
  }
}