Можно ли ограничить ширину текста, шириной картинки?

60fab30232cfd520937864.jpeg

Есть блоки для слайдера.

Есть идеи как ограничить ширину текста, шириной картинки, без указания фиксированной ширины?

HTML:
<div class="gallery-card">
    <div class="gallery-card__img-wrap">
           <img  class="gallery-card__img" src="assets/img/gallery/img_1.png" alt="Поездка на квадроциклах">
     </div>

    <div class="gallery-card__text-block">
           <h3 class="gallery-card__title">Поездка на квадроциклах</h3>
           <p class="gallery-card__description">Вы поедете в горы на несколько часов.</p>
           <p class="gallery-card__price gradient-title">от 15 000 рублей</p>
     </div>
</div>


CSS не вставляю, там только font-size

Пробовал, задавать gallery-card__text-block, max-width: 100%, что-то не работает

JS не как вариант не предлагать - это я могу реализовать сам - понимаю и знаю как, реализую в крайнем случае.

Есть ли идеи по CSS?

Примерно так:

  • Вопрос задан
  • 301 просмотр
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
AnanasikDev
@AnanasikDev
Инди разработчик игр
Это надо делать в одном диве, тогда max-width будет подстраиваться под картинку
Ответ написан
Grid html css 2 класса адаптивно.
https://jsfiddle.net/akk77/a7zqch90/3/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы