JSFiddle - React, Tailwind, and code Playground

by Wisdom Abioye

HTML

<div class='bg'>

<div class='content'>
<p>
Some contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome contentSome content </p>

</div>

</div>

CSS

.bg{
  background: url('http://res.cloudinary.com/wisdomabioye/image/upload/v1462961781/about_vbxvdi.jpg');
  height: 500px;
}
.content{
  background: rgba(0,0,0,0.4);
  color: white;
  height: inherit;
  padding: 20px;
}