JSFiddle - React, Tailwind, and code Playground

HTML

<section class="content">
	<div class="news-block">
		<div class="content-text">
			<h5 class="orange">News</h5>
		</div>
		<div class="news">
			<div class="news-image">
				<img src="images/no-image.jpg" alt="no-image" />
			</div>
			<div class="news-content">
				<div class="news-name">
					<a href="#">News title</a>
				</div>
				<div class="news-description">
					Here is description
				</div>
				<div class="news-short">
					Here is news content
				</div>
			</div>
		</div>
		<div class="news">
			<div class="news-image">
				<img src="images/no-image.jpg" alt="no-image" />
			</div>
			<div class="news-content">
				<div class="news-name">
					<a href="#">News title</a>
				</div>
				<div class="news-description">
					Here is description
				</div>
				<div class="news-short">
					Here is news content
				</div>
			</div>
		</div>
		<div class="news">
			<div class="news-image">
				<img src="images/no-image.jpg" alt="no-image" />
			</div>
			<div class="news-content">
				<div class="news-name">
					<a href="#">News title</a>
				</div>
				<div class="news-description">
					Here is description
				</div>
				<div class="news-short">
					Here is news content
				</div>
			</div>
		</div>
		<div class="news">
			<div class="news-image">
				<img src="images/no-image.jpg" alt="no-image" />
			</div>
			<div class="news-content">
				<div class="news-name">
					<a href="#">News title</a>
				</div>
				<div class="news-description">
					Here is description
				</div>
				<div class="news-short">
					Here is news content
				</div>
			</div>
		</div>
		<div class="news">
			<div class="news-image">
				<img src="images/no-image.jpg" alt="no-image" />
			</div>
			<div class="news-content">
				<div class="news-name">
					<a href="#">News title</a>
				</div>
				<div class="news-description">
					Here is description
				</div>
				<div class="news-short">
					Here is news content
				</div>
			</div>
		</div>
		<div class="news">
			<div...

CSS

html, body {
    height: 100%;
    width: 100%;
}
body {
    min-height: 100%;
}
section.content {
	width: 70%;
	margin: 0 auto;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.04);
	padding: 20px;
}
.news-block {
	float: left;
	width: 100%;
	margin-top: 35px;
}
.news-block .news {
	background-color: rgba(0, 0, 0, 0.02);
	float: left;
	width: 100%;
	padding: 5px;
	margin-top: 10px;
}
.news-block .news-description {
	font-size: 10px;
}
.news-block .news-short {
	margin-top: 5px;
	font-size: 12px;
}
.news-block .news-name {
	text-transform: uppercase;
	font-size: 20px;
}
.news-block .news-name a {
	color: #2980b9;
}
.news-block .news-name a:hover {
	color: #3498db;
}
.news-block .news-image {
	float: left;
}
.news-block .news-content {
	margin-left: 15px;
	float: left;
}