JSFiddle - React, Tailwind, and code Playground

HTML

<div class="get-block">
		<div class="container clearfix">
			<div class="get-main">
				<div class="circle inspired"></div>
				<h3>Get Inspired</h3>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma. Aliquam erat volutpat.
				</p>
			</div>
			<div class="get-main">
				<div class="circle rewarded"></div>
				<h3>Get Rewarded</h3>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma. Aliquam erat volutpat.
				</p>
			</div>
			<div class="get-main">
				<div class="circle social"></div>
				<h3>Get Social</h3>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma. Aliquam erat volutpat.
				</p>
			</div>
		</div>
	</div>

CSS

* {
	font-family: Lato, sans-serif;
	margin: 0;
	padding: 0;
}

.clearfix:after { 
   content: " "; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}


.container {
	width: 1180px;
	margin: 0px auto;
}

.get-block .container {
	text-align: center;
}

.get-block .container .get-main {
	display: inline-block;
	margin-right: 26px;
	width: 365px;
}

.get-block .container .get-main:last-child {
	margin-right: 0px;
}