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

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?

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

  • Вопрос задан
  • 77 просмотров
Решения вопроса 2
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Вот и выросло поколение верстальщиков, которые не знают флоатов, width:0 и display:table
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
AnanasikDev
@AnanasikDev
Инди разработчик игр
Это надо делать в одном диве, тогда max-width будет подстраиваться под картинку
Ответ написан
Ваш ответ на вопрос

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

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