Задать вопрос

Как отцетрировать резиновую картинку с подписью флексбоксом?

Есть макет с картинкой и подписью, оба могут быть любого размера. Нужно их отцентрировать.

1fc6ce7588ed49c8b9e40e56900102d3.png
Макет должен вести себя так (сверяйтесь с картинкой выше):
  1. Если картинка и подпись влезают в экран, то ничего особого не происходит. Всё стоит по центру.
  2. Если не влезают по высоте, картинка ужимается, пока всё не влезет.
  3. Если картинка не влезает по ширине, она ужимается, пока не влезет.

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

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

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