Как сделать чтобы каждый div картинка + текст были на одном уровне по высоте?

Question

[Mark]

Здравствуйте, подскажите пожалуйста как сделать чтобы каждый div картинка + текст были на одном уровне по высоте?
Какой добавить в div css стиль?))

Comments

[ProjectSoft]

flexbox в помощь.
А вот хорошим тоном считается предоставление кода проблемного участка.

[AngReload]

тут может хватить и .faq_text { height: 132px; }

[Mark]

AngReload, да, высоту указал 110px норм все выровнилось

[Ankhena]

Mark, класс, а теперь увеличьте шрифт в браузере или в системе

Answer 1

[Алекс]

Я решил бы гридами (может меня кто то и поправит и скажет что гриды не нужны).
У контейнера пишешь 2 свойства по сути

display: grid;
grid-template-columns: repeat(3, 1fr);

И все ровненько по сеточке. Можно добавить grid-gap: 20px; и вот уже margin не нужен

Comments

[Виталий Першин]

Слишком простая задача, чтобы использовать гриды, которые появились не так давно... тут достаточно flexbox со значениями по умолчанию ну и flex-wrap: wrap; естественно

[archelon]

Виталий, только align-items не по умолчанию, а baseline или flex-start.
а можно вообще inline-block.

[Виталий Першин]

archelon, Почему это? По умолчанию streach и ничего не мешает элементам быть вверху, flex-start тоже подойдет, но совсем не обязательно