JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Land page</title>
	<link rel="Stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/base.css">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-3 col-xs-5">
				<pre>I love programming! I love programming! I love programming!I love programming!I love programming!I love programming! </pre>
			</div>
			<div class="col-md-9 col-xs-7">
				<img src="imgs/center.png" class="img-responsive hidden-xs"></img>
				<img src="imgs/mobile-icon.jpg" class="img-responsive visible-xs"></img>
			</div>			
		</div>
	</div>
	
	<script src="js/jquery-1.11.3.js"></script>
	<script src="js/bootstrap.js"></script>
</body>
</html>

CSS

.nowrap {
	white-space: nowrap;
}

@media (max-width: 48em) {
	table .btn {
		font-size: 0.75rem;
		font-size: 3.5vm;
	}
}