Как выровнять текст на уровне с картинками?

Question

[elo-dev]

Нужно выровнять текст на уровне с картинками (фото ниже). Уже размеры контейнера и блока менял.
Вот как должно быть:

У меня съезжает текст под картинки, но h1 остаётся.


Вот код:

Comments

[Rustam Bainazarov]

h1, span и p объединить в один div — одну колонку, итого будет две.

Answer 1

[historydev]

Разделите текст и картинки на два разных блока, так-же их в один главный блок и задайте ему следующие параметры:

.block {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

/* Ширину блокам картинок и текста задайте 50% */

Answer 2

[ThunderCat]

Ты же все равно криво верстаешь, так возьми уже бутстрап и верстай хотя бы внешне нормально...

Comments

[elo-dev]

Я только учусь, а что не так в вёрсткой ?