CodeInMyHeart
@CodeInMyHeart
SOS

Как сверстать такой блок?

Здраствуйте! Хотелось бы спросить, как сверстать блок, что на картинке ниже. Сложность с том, что заголовки не отталкиваются от картинок как попало, а идут в одну ровную линию. А картинки то разных размеров. Я создавал блоки, делал им ширину и высоту максимально широкой и высокой картинки, и позиционировал этот фон по центру относительно блоков, а от блоков отталкивались заголовки уже ровно. Но хотелось бы, чтобы верстка не зависела от размеров картинки, вдруг надо будет поменять картинку на другую, а она окажется больше. Вобщем как то так. Заранее всем спасибо)5ca3affb253ca274637386.jpeg
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
dimovich85
@dimovich85
https://u-academy.net/
Чтобы текст был на одной линии есть свойство для флексов align-items: baseline.
https://codepen.io/dimovich85/pen/bJdypd
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы