@freeman0204

Как элегантно сверстать шапку на flexbox?

Код
Какая должна быть верстка в итоге
97cfae9eb5f046d8b9d1be3d5e0ba0ce.png

Как мне поставить форму в нижний правый угол с помощью flexbox? Ряд лого с меню и форма это же 2 отдельных ряда правильно? И не нужно их лепить в один ряд и flex-wrap: wrap; здесь будет не уместен как я понимаю, так как это 2 разных по логике блока?

Раньше что бы поставить форму в нижний правый угол можно было отступить от меню верхним маргином например и сделать флоат райт или с помощью позишн. Как мне сделать это элегантно с помощью flexbox? Как не пытался если и получается поставить форму куда надо но меню потом не на том месте что нужно.
  • Вопрос задан
  • 907 просмотров
Решения вопроса 2
@GreatRash
2 подсказки:

1) флексы можно вкладывать друг в друга
2) флексы могут быть не только горизонтальными

;-)
Ответ написан
delphinpro
@delphinpro Куратор тега CSS
frontend developer
два ряда.
у контейнера
display: flex
flex-flow: column nowrap;
justify-content: space-between;

у формы
align-self: flex-end

https://jsfiddle.net/LymLye1L/
https://jsfiddle.net/LymLye1L/2/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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