JSFiddle - React, Tailwind, and code Playground

by Vipin Patil

HTML

<div>
    <div class="allign">
     
    
<div class="img-responsive">
    <img class="img-resp" src="http://www.homeveda.com/assets/images/experts/SonaliShivlani_750-750.jpg"   >
</div>      
<div class="img-responsive">
    <img class="img-resp" src="http://www.homeveda.com/assets/images/experts/SonaliShivlani_750-750.jpg"   >
</div>      
<div class="img-responsive">
    <img class="img-resp" src="http://www.homeveda.com/assets/images/experts/SonaliShivlani_750-750.jpg"   >
</div>      
<div class="img-responsive">
    <img class="img-resp" src="http://www.homeveda.com/assets/images/experts/SonaliShivlani_750-750.jpg"   >
</div>      

  
</div>

CSS

.allign{
    display:table;
    text-align:center;
    width:100%;
    
}
.img-responsive{
    max-width:145px;
    width:100%;
    min-width:30px;
    height:145px;
    display:inline-block;
   
    background-color:red;
    margin:20px;
}
.img-resp{ width:100%; border-radius:50%;}