Как задать позиционирование отдельному флекс элементу по главной оси?

Question

[AlexandrKom]

.container {width: 1000px }
.item-1 {width: 300px;}
.item-2 {width: 200px;}
.item-3 {width: 100px;}

Нужно .item-1 прижать к началу,
.item-2 прижать к .item-1,
.item-3 прижать к правой границе контейнера

Как сделать?) думаю задать контейнеру justify-content: flex-start; , и каким то образом прижать последний элемент к правой границе контейнера, вот только как спозиционировать отдельный элемент?

Как запасной вариант использовать wrapper для .item-1 и .item-2 с justify-content: flex-start; , а .container {justify-content: space-between}, но не хотелось бы.

Answer 1

[Алексей Струков]

Item3 дай margin-left: auto;