JSFiddle - React, Tailwind, and code Playground

by thelifeisyours

HTML

<div id="main">
  <div class="imgContainer">
    <img height="inherit" width="inherit" src="https://i.imgur.com/0dy2Mpo.jpg" />
  </div>
  <div class="imgContainer">
    <img height="inherit" width="inherit" src="https://i.imgur.com/0dy2Mpo.jpg" />
  </div>
  <div class="imgContainer">
    <img height="inherit" width="inherit" src="https://i.imgur.com/0dy2Mpo.jpg" />
  </div>
</div>

CSS

body {
  margin: 0;
  padding: 0;
  color: white;
  background: #202020;
  font-family: areal, sans-serif;
}

#main {
  
}

.imgContainer {
  max-width: 20em;
  max-height: 20em;
}

.imgContainer > img {
  max-width: inherit;
  max-height: inherit;
}