JSFiddle - React, Tailwind, and code Playground

by siam1974

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="row">
  <div class="col-sm-12 col-xs-12 hidden-md hidden-lg" style="background:blue;">
		<img src="http://www.mobi-city.ru/wallpaper/image/nature_20_600x800.jpg" class="content-mobile-img">
	</div>
	<div class="col-sm-6 visible-md visible-lg">
		<div class="affix content-fix-block" style="background-image: url(http://www.mobi-city.ru/wallpaper/image/nature_20_600x800.jpg);">
		</div>
	</div>
	<div class="col-md-4 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12 content-text-block">
		<h1 class="text-center">Lorem ipsum</h1>
		<p>Lorem ipsum, justo ultricies auctor amet fusce, sem mauris quam, lorem molestie amet curabitur malesuada lectus elementum gravida, donec lorem quisque massa, proin. Quam congue: risus curabitur justo eget in, quisque, nec vulputate gravida sit, bibendum — a integer in vulputate ipsum congue. In, sit leo eget vitae vulputate diam morbi donec adipiscing et, vulputate.</p>
		<p>Cursus nulla in commodo sagittis justo massa ut duis pellentesque nibh ipsum molestie, sit rutrum sed eu. Integer donec urna auctor bibendum at malesuada rutrum justo odio pellentesque quisque. Quisque vivamus ligula gravida, urna mauris ipsum amet fusce ut eget leo eget, nulla proin. Adipiscing vivamus sodales mauris, sagittis integer curabitur tempus sodales bibendum eu mattis non pharetra. Integer cursus adipiscing malesuada commodo morbi amet nibh tellus porttitor adipiscing orci donec nulla ut ultricies tellus eu orci massa tempus enim arcu. Enim ut eros ultricies orci nibh at rutrum, tellus mattis nec vulputate, ornare gravida ut. Auctor, vivamus at maecenas sem sagittis enim eget eu curabitur, mauris sit ipsum. Malesuada congue, nec: elementum urna quisque nam eros odio: maecenas.</p>
		<p>Bibendum porta, pharetra proin eu ipsum, maecenas sed sem pharetra congue metus...

CSS

.content-fix-block {width: 50%; height: 100%; background-size: cover;}
.content-text-block {background:#fff;}
.content-mobile-img {width: 100%;}