Как заставить эти карточки располагаться рядом в CSS flexbox ⇐ CSS

[Anonymous]

Я перепробовал множество конфигураций, чтобы эти три карты отображались рядом при использовании flexbox. Я отрегулировал ширину и столбец/строку. Где я ошибаюсь?
Является ли flexbox лучшим способом сделать это? Я думал, что это будет проще, чем использовать сетку, но это вызывает у меня проблемы, и мне просто нужно пройти эту часть. другие элементы flexbox работали нормально. не знаю, почему у меня так много проблем.

Код: Выделить всё

.servicios {
text-align: center;
color: #C7567C;
font-family: "Josefin Sans", sans-serif;
background-color: #FFF1F4;
}

.servicescontainter {
display: flex;
flex-wrap: wrap;
}

.card {
background-color: #E1E1E6;
font-family: "Josefin Sans", sans-serif;
color: #C7567C;
justify-content: center;
flex-direction: column
}

Код: Выделить всё

Servicios para:



[img]../7898491_company_business_finance_office_marketing_icon.png[/img]
Negocios
Ofrecemos una
variedad de
servicios para
statisfacer las
necesidades de su
negocio.




[img]../9204022_family_mother_child_father_soldier_icon.png[/img]
Individuos y
Familias

Podemos ayudarle
con muchos de sus
documentos y
formularios

individuales o
familiares.




[img]../115766_bubble_comment_speech_chat_talk_icon.png[/img]
Otra
¿No ves algo en la
lista? ponte en
contacto con
nosotros para ver
cómo podemos
ayudarte

Подробнее здесь: https://stackoverflow.com/questions/784 ... lexbox-css