выровнять элементы

Ссылка на картинки Нужно позиционировать картинки как в макете: Макет + фото на всякий случай как должно быть: как должно быть и как у меня выходит: как выходит

Нужно расположить надписи и поля вот так:

Как выровнять элементы в строках? Дело в том, что заголовки разного размера и все плыветПоломал всю голову, кроме как переделать все в css grid - сделать 18 ячеек - ничего на ум не приходит

Есть 10 элементов шириной 30px нужно с применением флексбокс выровнять их по горизонтали в родителе шириной 200px чтобы получилось по 5 элементов в 2 строкиВот пример кода:

Не могу выровнять текст по центру относительно высоты картинкиПробовал vertical-align:middle; но скорее всего, я что-то не так делал