JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/examples/grid/grid.css">
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<div class="container">
  
	<div class="row">
		<div class="col-md-4">
			<h3>2. Sollicitudin</h3>
			<ul>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
				<li>Maecenas elementum lectus et risus sollicitudin, ut ultricies enim placerat.</li>
				<li>Quisque sed odio eget libero cursus auctor.</li>
				<li>Keke.</li>
			</ul>
		</div>
		<div class="col-md-8">
			<h1>1. Lorem</h1>
			<p>Consectetur adipiscing elit. Ut quam lacus, fermentum vitae eros id, semper rutrum nibh. Vestibulum elementum leo vel eros hendrerit rutrum. Fusce aliquam fringilla leo, sit amet ullamcorper nisi sagittis vitae. Sed ut accumsan risus. Fusce eu ex ullamcorper, cursus ipsum vitae, hendrerit justo.</p><p>Consectetur adipiscing elit. Ut quam lacus, fermentum vitae eros id, semper rutrum nibh. Vestibulum elementum leo vel eros hendrerit rutrum. Fusce aliquam fringilla leo, sit amet ullamcorper nisi sagittis vitae. Sed ut accumsan risus. Fusce eu ex ullamcorper, cursus ipsum vitae, hendrerit justo.</p><p>Consectetur adipiscing elit. Ut quam lacus, fermentum vitae eros id, semper rutrum nibh. Vestibulum elementum leo vel eros hendrerit rutrum. Fusce aliquam fringilla leo, sit amet ullamcorper nisi sagittis vitae. Sed ut accumsan risus. Fusce eu ex ullamcorper, cursus ipsum vitae, hendrerit justo.</p>
		</div>      
		<div class="col-md-4">
			<h3>4. Pellentesque</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ullamcorper fringilla ipsum, non posuere elit.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ullamcorper fringilla ipsum, non posuere elit.</p>
		</div>
      	<div class="col-md-8">
			<h2>3. Lorem ipsum</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas interdum porta mollis. Integer vitae massa vitae nisl mattis...

CSS

body {background-color:#EBF1F2}
.col-md-4 {background-color:#7DB1DD}
.col-md-8 {background-color:white}
.col-md-12 {background-color: transparent; border-style: solid; border-color: transparent;padding-bottom: 0px;padding-top: 0px;}

@media (min-width: 992px) {
    .col-md-4 {
        float: right;
    }
}