JSFiddle - React, Tailwind, and code Playground

HTML

<div class="about-container">
		<div class="threeblocks">
			<div class="defaultblock">
				<img src="img/book.png" />
				asdasdasd asdsdas dad as dasd asd asd as dasd as dasd asd asd asd asd asdasd asd asd
			</div>
			<div class="defaultblock">
				<img src="img/dots.png" />
				asdasdasd
			</div>
			<div class="lastblock">
				<img src="img/content.png" />
				asdasdasd
			</div>
		</div>
	</div>

CSS

.about-container { width: 100%; background: #000; padding: 20px 0 20px 0; }
.threeblocks { width: 940px; height: auto; margin: 0 auto; padding: 30px; background: #000; color: #fff; }
.defaultblock { width: 33.3333%; float: left; text-align: center; background: #000; }
.lastblock { width: 33.3333%; float: right; text-align: center; background: #000; }