Не могу притулить блок к правой стороне float не работает, возможно из за того что я задал display: flex;
Вот код
P.S. HTML CSS знаю плохо так что не бомбите от таких вопросов пж)
если два блока во flex контейнере, то можно использовать.
Данное свойство раскидывает блоки от левого края к правому.
Если элементов больше 2, то средний элемент встает на равноудаленом расстоянии от своих товарищей) justify-content: space-between;
Во flexbox лучше использовать не float, а flex-свойства. Это и логично будет. Для родительского вашего блока примените свойство justify-content: space-between;
А вообще посмотрите хороший мастер-класс от Дмитрия Лаврика про флексбоксы.