JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<div>
<p>
  <img src="https://inspiredot.net/wp-content/uploads/2018/10/Top-30-Most-Beautiful-Women-in-the-World-18-800x450.jpg" />
</p>
<p>
  <img src="https://inspiredot.net/wp-content/uploads/2018/10/Top-30-Most-Beautiful-Women-in-the-World-18-800x450.jpg" />
</p>
</div>

CSS

div {
  display:flex;
  flex-wrap:wrap;
  height:100px
}

p {
  display:flex;
  flex-basis: min-content
}

img {
  max-width:100%;
  max-height:100%;
  flex-basis:fill
}