JSFiddle - React, Tailwind, and code Playground

by Mottie

HTML

<h2>Resize this pane</h2>
<div class="container">
  <img src="https://placehold.it/300x200/000088/ffffff" />
</div>
<br />
<br />
<div class="container">
  <img src="https://placehold.it/200x300/880088/ffffff" />
</div>

CSS

.container img {
  width: 100%;
}

.container {
  width: 40%;
  background: #777;
  margin: 0 auto;
}

h2 {
  text-align: center;
}