JSFiddle - React, Tailwind, and code Playground

by mpsingh2003

HTML

<p>This image is originally 400x400 pixels, but should get resized by the CSS:</p>
<div class="parent">
  <img width="400" height="400" src="https://assets.cambridge.org/97810090/03452/cover/9781009003452.jpg">
</div>

CSS

.parent {
  width: 80px;
  height: 80px;
}

img {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: scale-down;
}