Image height: auto doesn't work on chrome Image height: auto doesn't work on chrome google-chrome google-chrome

Image height: auto doesn't work on chrome


Try this:

 <div style="display:flex;">    <img src="https://i.imgur.com/hHzrRsf.jpg" style="width:160px;align-self: center;"></div>

By default, align-self is set to stretch and remove the original height of your image.


<div style="display:flex;"><img src="https://i.imgur.com/hHzrRsf.jpg" style="width:160px; height:100%;"></div></div>
You can use Hight 100% that will be easy for you to understand