Задать вопрос
Shlop
@Shlop
Full Stack Developer (PHP/Laravel/JavaScript)
css

Как сделать что бы текст картинки был виден на первом экране?

Всем привет, подскажите пожалуйста, делаю что бы на первом экране был виден текст на картинке
сейчас вот так выгляди (текст не помещается на первый экран)

64155c481b9a7973458764.png

сама картинка выглядит вот так (текст внизу картинки)

64155cca4d4c5385573987.png

Думаю можно ли как нибудь через стили сделать что бы на первом экране и текст был виден, или нужно для картинки моб. версии сделать текст повыше но мне кажется с этим вариантом всё равно на экрана с более меньшей высотой текста тогда не будет виден. Подскажите пожалуйста советом как тут лучше поступить.

Стили для картинки сейчас такие:
width: 100%;
max-height: calc(100vh - 120px);
object-fit: cover;
min-height: 550px;


Заранее благодарю за ответ
  • Вопрос задан
  • 171 просмотр
8 комментариев
Подписаться 1 Средний 8 комментариев
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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