JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.content {
    background-color: yellow;    
}

.row {
 
    background-color: red;

}

.cell {
  display: inline-block;
	box-sizing: border-box;
	width: calc(50% - 22px);
	padding: 10px;
	margin: 10px;
	background-color: green;
	border: 1px solid red;
	text-align: center;
}
img {max-width:100%;}