Как перекинуть блок внутри flex?

Question

[Amchos]

Как в данном примере перекинуть блок "footer__right" в котором находится номер, адрес и "Как с нами связаться" в конец его родительского блока "foother__top" используя только flex свойтва, а не margin. https://codepen.io/Amchos/pen/jOZMBqZ

Answer 1

[Anonymous]

.footer__top{
    display: flex;
    justify-content: space-between; 
    border-bottom: 1px solid #FFFFFF;
}

.footer__right {} /*тут никакие свойства не нужны поэтому тут все удаляем*/

Comments

[Amchos]

Благодарю. Совсем как-то про space-between не подумал. Но теперь нужно, чтобы элементы внутри блока "foother__right" тоже полностью прижались к правому краю блока foother__top. Это можно сделать с помощью flex или тут уже другие свойства помогут?

[Anonymous]

Amchos, тоже можно флексом сделать, используйте justify-content: end; в footer__right

P.S. Хотя, нет, не будет работать. Почему-то у элемента .contact ширина 100%, но это не прописано, но должна быть другая
P.S.2. Советую сделать padding-bottom у элемента .footer__top, а то линия без этого выглядит очень нелепо. Лично мне понравился padding bottom со значением 10px.