JSFiddle - React, Tailwind, and code Playground

by 1Blerk

HTML

<div class="wrap">
				
	<div class="Rand">
		Left
	</div>
			
	<div class="content">
				
	<img class="Bild" src="http://img.gawkerassets.com/img/17qh7tgvqptqkjpg/original.jpg">
				
	</div>
			
	<div class="Rand">
		Right		
	</div>
			
</div>

CSS

.Rand{
	width:10%;
	height:100%;
	background:#8090c0;
	float:left;
}

.content{
	background:#455070;
	width:80%;
	float:left;
}

.Bild{
    width:100%;
    max-width:300px;
	float:none;
	margin: 0 auto;
}