Как сдвинуть 1 из flex элементов в конец строки?

Question

[Сашка Брамс]

Как сдвинуть отдельный flex элемент в конец строки?

Не Margin'om же :c
без понятия вообще что сделаь

Буду очень благодарен

Answer 1

[Сашка Брамс]

Всем спасибо, самый топ вариант который подсказали:
последнему элементу margin-left auto
мб и не совсем верно, но просто

Answer 2

[lavezzi1]

Еще вариант: обернуть первые два в блок, у тебя получится два элемента в контейнере (блок с двумя элементами и последний элемент) и контейнеру задать justify-content: space-between;

Answer 3

[Николай]

align-self: flex-end

Comments

[Сашка Брамс]

для вертикального выравнивания работает только

Answer 4

[Артур Заяц]

добавить пустой элементы с flex: 1

Comments

[Сашка Брамс]

Спасибо, есть ещё варианты?

Answer 5

[maxfox]

Такая функциональность не предусмотрена концепцией flexbox, правильно будет обернуть первые два элемента в контейнер и указать justify-content: space-between, как вам и посоветовали. Пустой элемент - несемантичный хак, но тоже можно использовать.