Как верстаются такие блоки?

Question

[Arhangel_one]

Как верстаются подобные блоки на флексах ? Есть два блока контакты шириной 260px и с форма ширина 550px.
Как правильней верстать чтобы не было проблем с адаптивностью, делать flex-basis по ширине в процентах или указывать max-width ? Пример моего кода - https://codepen.io/ant-one/pen/PoYmgYq

Comments

[Brad9aga]

На фрилансе в легкую

[Rustam Bainazarov]

Да, именно так и делают. Ширина в процентах, можно ограничить максимальную хоть в пикселях, хоть в процентах.

[Arhangel_one]

Рустам Байназаров, А после для выравнивания делать space-around верно ?

[Rustam Bainazarov]

Arhangel_one, зависит от ситуации и необходимости.

Тут вообще space-between, как я понимаю, нужен. Ибо по краям надо выровнять.

Answer 1

[Lord_Dantes]

Я бы сверстал это так.
Родитель у которого есть 2 дочерних блока, родителю даем флекс и space-between. Дочерним даем макс ширину которую вы указали, и ширину 100 процентов. Первому дочернему даем флекс-direction: колона, второму также.
и дальше сами

p.s а чтобы выровнять align-items: flex-start; потому-что видно что блоки по верху отцентрированные