JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<link rel="stylesheet" href="http://www.thepantrybromley.com/home/css/bootstrap.css">

<div class='about_div_content' style=''>
	<div class='pad_10'>
		<div class="row">
			<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
			<div class="col-xs-6 col-md-4" style='position: relative; text-align: center'>
				<img style='margin: 0 auto;' class='pic_fillDiv pic_borderRad_10' src='http://www.thepantrybromley.com/home/assets/images/placeholders/pantry_front_1.jpg' />
			</div>
      </div>
	</div>
</div>

CSS

.about_div_content {
	position: relative;
	z-index: 100;
   /* background transparency */
	/* default fallback */
	background: rgb(255, 255, 255) transparent;
	/* nice browsers */
	background: rgba(60,60,60, 0.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.pad_10 {
	padding: 10px;
}
.pic_fillDiv {
	width: 100%;
}
.pic_borderRad_10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.cen_parent {
	
}
.cen_child {

}