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

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

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

Как добиться такого поведения флексбоксом?
  • Вопрос задан
  • 6660 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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