JSFiddle - React, Tailwind, and code Playground

by cheongjin kim

HTML

<div class="image-box">

</div>

<div class="image-box">

</div>

<div class="image-box">

</div>

CSS

.image-box {
  width:100px;
  height:100px;
  border:1px solid #b5b5b5;
  margin:5px;
  background-size:cover;
  background-position:center;
}
.image-box:first-child {
  background-image:url('http://placehold.it/250x150');

}

.image-box:nth-child(2) {
    background-image:url('http://placehold.it/150x500');
}

.image-box:nth-child(3) {
    background-image:url('http://placehold.it/200x300');
}