JSFiddle - React, Tailwind, and code Playground

HTML

<article>
							<a href="#"><img class="entryImg" src="img/pic1.jpg" alt="pic"></a>
							<h2>О главном</h2>
							<p>Поговорим о главном в нашем понимании - об активной жизни, которая проходит слишком быстро, а сделать хочется очень много... </p>
						</article>

CSS

article {
	overflow: hidden;
}
.entryImg{
	width: 140px;
	height: 140px;
	float: left;
	margin: 0 12px;
	border: 1px solid #000;
}
article h2{
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
}
article h2:before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: #d1ccb8;
}