JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div class="box">
   <div class="orta">
       <div class="boxIcon">
           <img style="max-width:100%; max-height:100%;"src="http://i.imgur.com/4XJkzbU.png" />         
        </div>     
    </div>
    <div class="title">JSFiddle</div>
</div>

CSS

.box
{
    width:120px;
    height:120px;
    background-color:#4679a4;      
    background: linear-gradient(45deg,  rgba(70,121,164,1) 0%,rgba(64,150,238,1) 100%); 

    
}
.orta
{
    width:120px;    
    padding-top:10px;
    margin:auto;
}
.boxIcon
{
    width:120px;
    height:80px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#FFF;
    
}


.title
{
    padding-left:5px;
    color:#FFF;
}