JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/style.css">
	<title>Codestan - Главная стоаница</title>
</head>
<body>
	<header class="top-head clearfix">
		<a href="#" class="logo"><h1>codestan</h1></a>
		<a href="#" class="menu-btn"><img src="css/img/menu.png" width="105px" height="64px"></a>
	</header>
	<section>
		<article>
			<header class="post-head">
				<a href="#"><h2>Изучаем JavaScript</h2></a>
			</header>
			<div class="post-img">
				<a href="#"><img src="css/img/place.png"></a>
			</div>
			<div class="post-text">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing 							  elit.Praesent semper aliquam ultrices. Etiam aliquet nisl eu est dapibus, vel luctus erat varius. Nullam quis viverra mi. Quisque ut posuere risus. Nam molestie elit sit amet velit dapibus gravida. Curabitur finibus diam sed ante hendrerit malesuada. Nam lobortis faucibus erat a pharetra. Duis elit lacus, imperdiet semper lacus quis, consectetur consequat massa. Donec augue ipsum, sollicitudin eu viverra quis, lobortis vel arcu. Suspendisse pulvinar faucibus velit, non tempor felis fermentum quis. Integer pulvinar orci at magna laoreet elementum.</p>
			</div>
		</article>
	</section>
</body>
</html>

CSS

* {
	padding: 0px;
	margin: 0px;
}
.clearfix {
	clear: both;
}
h1 {
	font-family: Calibri;
	font-weight: bold;
}
a, a:hover, a:active, a:visited {
	text-decoration: none;
}
body {
	background: #41D88F;
	font-family: Calibri;
	color: #444;
}
header.top-head {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,.5);
}
	.logo {
		display: inline-block;
		text-decoration: none;
		color: #444;
		float: left;
		margin: 15px 0 0 2.5%;
	}
	.menu-btn {
		float: right;
	}
section {
	width: 95%;
	margin: 100px 2.5% 0 2.5%;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	border-radius: 3px;
}
.post-head {
	border-bottom: 1px solid #000;
}
.post-head a {
	padding: 30px 20px;
	display: block;
	color: #222;
}
.post-head a:hover {
	text-decoration: underline;
}
.post-img img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.post-text {
	font-size: 1.5em;
	padding: 0 20px;
}
.post-text p {
	width: 100%;
	text-align: justify;
}