Как избавится от нижнего «отступа»?

Question

[Анатолий]

Есть картинка выравненная в блоке по центру:

если ее сжать, то получаю отступ снизу, как его убрать?


Код: https://codepen.io/workcode/pen/vwbNEq

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

Answer 1

[Никита Юдин]

В css для picture добавьте
align-items: center;

Comments

[Анатолий]

Столкнулся с проблемой, когда настала потребность в подписи.
https://codepen.io/workcode/pen/MdxjyP

в примере указан div - к нему не нужно привязываться, так как его в проекте нет
есть: figure, picture и img

[Анатолий]

Сниму "Вопрос решен", чтобы не дублировать. Когда решится, снова отмечу решением.

[Никита Юдин]

Анатолий, для figure допишите
flex-direction: column;