Как поднять один из блоков (flex)?

Question

[Анатолий]

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

Вот код: https://codepen.io/workcode/pen/jQMZzm
Хочу поднять блок с классом search_field на 5px, при этом другой блок не должен так сдвигаться вверх.

PS. В настоящее время реализовал все через position: absolute, но почему через flex не выравнивается?

Answer 1

[Павел Корнилов]

Так что ли?
https://codepen.io/KorniloFF/pen/VVKQVo

Comments

[Анатолий]

Да да, смысл такой, и как это сделать?

[Анатолий]

Я уже догадался, я не заметил прокладку между flex и этими двумя блоками, спс.

[Павел Корнилов]

Анатолий, Во-первых, я повесил флекс на родительскую форму
Во-вторых, добавил нужному элементу
align-self: flex-start;
Вот и вся магия =)