Shlop
@Shlop
Full Stack Developer (PHP/Laravel/JavaScript)

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

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

64155c481b9a7973458764.png

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

64155cca4d4c5385573987.png

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

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


Заранее благодарю за ответ
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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