JSFiddle - React, Tailwind, and code Playground

HTML

<body>
		<div id="content">
			<div class="b1"> </div>
			<div class="b2"> </div>
			<div class="b3"><p><h3>Wildlife</h3><br>Hello fellers how are you doing? In todays project I made something funny ore just not because this is just some random text</p></div>	
	</body>

CSS

body {
	background-color: #efede7;
	line-height: 1.5;
}

#content{
	background-color: #fff;
	width: 962px;
	margin: 0 auto;	
}

.b1 { /*img div*/
	margin:0;
    padding:0;
    background-color: #34495e;
	height: 290px;
	width: 470px;
	float: left;
	position: relative;
}

.b2 { /*big img div*/
	background-color: blue;
	height: 600px;
	width: 470px;
	float: right;
    	position: relative;
}

.b3 { /* text div*/
	background-color: #14495e;
	color: #6d6f6f;
	margin: 0;
	height: 290px;
	width: 470px;
	padding: 4% 6% 0;
	font-size: 1.0625em;
	font-family: 'ProximaNova', sans-serif;
    position:relative;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #545454;
	font-size: 1.25em;
	letter-spacing: .05em;
	text-transform: uppercase;
}