Как адаптировать эту кнопку?

Question

[Crushing]

https://uzinouzi.github.io/perila/ - Верстка.
Кнопка становиться по верх логотипа и бургера, хотя в потоке она стоит после бургера и логотипа.

Comments

[Ankhena]

Когда она перестанет помещаться по ширине - встанет вниз, если уберете float у логотипа

[Crushing]

Ankhena, Да если флот не убирать все равно когда по размеру не влазит вниз идет

И еще вопрос, как лучше вообще расположить эту кнопку что бы она красиво смотрелась, под логотипом? или по середине?

[Ankhena]

Crushing,

как лучше

лучше было перестать использовать float и перейти на флекс, уже давно можно

[Антон Спирин]

Crushing, у вас вся верстка разваливается в труху на мобильных

[Crushing]

Антон Спирин, Так я еще не начал адаптировать даже.

[Crushing]

Антон Спирин, Вернее начал, но только только.

[Froggyweb]

у вас вся верстка разваливается в труху на мобильных

не только на мобильных. Верстка очень некорректная одна форма только чего стоит. и уже куча important.
Замучаешься делать адаптив.

лучше было перестать использовать float и перейти на флекс, уже давно можно

Flex присутствует в наших проетах долго не мог понять что за х....нь творится вроде и сбрасываешь все а фотки все равно искажаются :)

[Crushing]

Froggyweb, Причем тут important?
И какие проблемы на десктопе?

Answer 1

[Евгений]

для .request_call напиши clear: both;

Answer 2

[Leonid Sydorov]

Вроде все норм, кнопка не слетает.

Но вот изображение ниже на текст налезает...

Comments

[Crushing]

Это я дотуда не дошел еще