JSFiddle - React, Tailwind, and code Playground

by leopoldthecuber

HTML

<div class="cell">
      <img src="http://i.imgur.com/M16WzMd.jpg"/>
    </div>

CSS

.content {
    background-color: yellow;    
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: red;

}

.cell {
  display: flex;
    flex: 1 1 auto; 

    padding: 10px;
    margin: 10px;

    background-color: green;
    border: 1px solid red;
    text-align: center;
}
img {max-width:100%;}