JSFiddle - React, Tailwind, and code Playground

by MrRadar

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
    <div class="merits">
				<div class="beetle">
					<img src="img/bug.png" alt="Bug">
					<div class="first__title">Волшебный жук</div>
					<div class="last__title">Позволяет быть в тонусе</div>
				</div>
				<div class="bell">
					<img src="img/bell.png" alt="Bell">
					<div class="first__title">Особый колокольчик</div>
					<div class="last__title">Позволяет не проспать</div>
				</div>
				<div class="zip">
					<img src="img/storm.png" alt="Zipper">
					<div class="first__title">Человек-молния</div>
					<div class="last__title">Я сдаю все проекты раньше</div>
				</div>
				<div class="photo">
					<img src="img/camera.png" alt="Camera">
					<div class="first__title">Фотографирую</div>
					<div class="last__title">Просто мне это нравится</div>
				</div>
			</div>
</body>
</html>

CSS

.merits {
	float: right;
	width: 540px;
}

.first__title {
	color: #4e8598;
	font-size: 16px;
	font-weight: bold;
}

.last__child {
	color: #b0b2b3;
	font-size: 15px;
}