幅の違う画像を縦に中央揃えにするには

Question

とても初心な事で質問です

幅の違う画像を縦に（中央揃える）に並べるにはどの様にしたら良いでしょうか？

2つの画像の親に

display: flex;
flex-direction: column;
 margin: 0 auto;
width: 50%;

でやりますと下の画像が伸びてしまいます。

pc画面では2つの画像の親に
display: flex;
比率を保って,横並びになっています。

imgには
max-width: 100%;
height: auto;
にはしています。

イメージは下の感じです。

Comments

[kyoya0819]

コードをコピペでご提示ください。

Answer 1

こちらでOKと思います。

2つの画像の親 {
  display: flex;
  flex-direction: column;
  align-items: center;
}