JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div class="parrent">
  <div class="responsive center">
    <div>
      <div class="responsive center" style="width:100px;height:100px;">
    </div>
  </div>
   <img class="responsive center" src="http://placekitten.com/800/600">
   <img class="responsive center" src="http://placekitten.com/400/300">
</div>

CSS

.responsive{
  max-width:100%;
  max-height:100%;
}

.center{
  position: absolute;
  top: 50%;
  left: 50%; 
  transform: translate(-50%, -50%);
}

parent{
  position: relative;
}