В старые времена я бы использовал два контейнера и поместил один левый, а другой правый - с помощью clearfix. Но я думаю, что этот метод немного устарел, и возможности гибки теперь хорошо поддерживаются.
Проблема в том, что я понятия не имею, как это сделать, используя flex.
Вот скриншот с некоторыми кнопками. Вторичное действие выравнивается влево, а остальные два первичных действия должны быть выровнены по правому краю.
Вот моя разметка:
<footer>
<button>Back</button>
<span class="primary-btns">
<button>Cancel</button>
<button>Go</button>
</span>
</footer>
Может ли кто-нибудь сказать мне, какие методы CSS flex я должен использовать здесь?