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

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

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

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

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

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

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