JSFiddle - React, Tailwind, and code Playground

HTML

<div class="featured-block">
					<h2 class="featured-title">awesomag featured</h2>
					<div class="featured-item-container">
						<article class="featured-item">
							<div class="image"></div>
							<h3>Class aptent taciti sociosqu ad litora torquent conubia</h3>
							<p class="featured-text">Vestibulum eu blandit libero. Onec fermentum, erat sed vestiulum...</p>
							<time datetime="2012-11-30">Posted 11/30/2012</time>
						</article>
						<article class="featured-item">
							<div class="image"></div>
							<h3>Suspendisse potenti. Donec tempor leo vel nisi feugiat</h3>
							<p class="featured-text">Nibh ac sollicitudin porta, arcu nisl varius magna, in tempor ipsum...</p>
							<time datetime="2012-11-30">Posted 11/30/2012</time>
						</article>
						<article class="featured-item">
							<div class="image"></div>
							<h3>Maecenas in turpis a ligula eleifend mattis sit amet nec</h3>
							<p class="featured-text">Donec sed mauris turpis. Morbi semper, mauris ac viverra...</p>
							<time datetime="2012-11-30">Posted 11/30/2012</time>
						</article>
						<article class="featured-item">
							<div class="image"></div>
							<h3>Sed et eros quis mi euismod fringilla</h3>
							<p class="featured-text">Praesent in libero vel metus molestie cnsequat non at ligula...</p>
							<time datetime="2012-11-30">Posted 11/30/2012</time>
						</article>
						<article class="featured-item">
							<div class="image"></div>
							<h3>Pellentesque habitant morbi tristique senectus et netus</h3>
							<p class="featured-text">Vestibulum at leo eros. Praesent condimentum placerat dui, ut...</p>
							<time datetime="2012-11-30">Posted 11/30/2012</time>
						</article>
						<article class="featured-item">
							<div class="image"></div>
							<h3>Morbi iaculis lorem at orci eleifend dictum</h3>
							<p class="featured-text">Nunc tristique dolor a nisl facilisis viverra. Nunc cursus dapibus...</p>
							<time datetime="2012-11-30">Posted...

CSS

.featured-block .featured-title{
font-family: 'Verdana', sans-serif;
font-size: 16px;
text-transform: uppercase;
line-height: 20px;
color: black;
background-color: #dddddd;
font-weight: normal;
padding: 5px 10px;
margin: 30px 0px 20px 0px;
}
.featured-block .featured-item-container{
font-size:0px;
}
.featured-block .featured-item-container .featured-item{
display:inline-block;
width:300px;
height:100px;
background: red;
margin-right: 30px;
margin-bottom:20px;
}
.featured-block .featured-item-container .featured-item:nth-child(3n){
margin-right: 0px;
}