Есть макет с картинкой и подписью, оба могут быть любого размера. Нужно их отцентрировать.
Макет должен вести себя так (сверяйтесь с картинкой выше):
- Если картинка и подпись влезают в экран, то ничего особого не происходит. Всё стоит по центру.
- Если не влезают по высоте, картинка ужимается, пока всё не влезет.
- Если картинка не влезает по ширине, она ужимается, пока не влезет.
Как добиться такого поведения флексбоксом?