JSFiddle - React, Tailwind, and code Playground

by Janaka_Ravindra

HTML

<div class="imageContainer">
  <div class="img">
    <img src="https://via.placeholder.com/256x256">
  </div>

  <div class="img">
     <img src="https://via.placeholder.com/256x256">
  </div>

  <div class="img">
    <img src="https://via.placeholder.com/256x256">
  </div>
</div>

CSS

.imageContainer{
   display:flex;
   align-items:center;
   min-height:100vh;
   flex-direction:column;
   justify-content:center;
}

.img{
  margin:5px;
}