JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div>
  <div class='img cover'>
  
  </div>
</div>

CSS

div, html, body {
  height: 100%;
}
.img.cover {
  min-height: 100px;
  max-height: 500px;
  height: 80%;
  background-image: url(http://www.menucool.com/slider/jsImgSlider/images/image-slider-2.jpg);
  background-size: cover;
}