JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="advantage-list">
				<li>
					<img src="http://savepic.org/7216147.png" alt="" width="72" height="76">
					<p><b>Более 3 000</b><br>довольных спортсменов</p>
				</li>
				<li>
					<img src="http://savepic.org/7216147.png" alt="" width="72" height="76">
					<p><b>Нагрузка до 300 кг</b></p>
				</li>
				<li>
					<img src="http://savepic.org/7216147.png" alt="" width="72" height="76">
					<p><b>3 года гарантии</b></p>
				</li>
				<li>
					<img src="http://savepic.org/7216147.png" alt="" width="72" height="76">
					<p><b>10 дней на возврат</b><br>(без скандалов и экспертиз)</p>
				</li>
				<li>
					<img src="http://savepic.org/7216147.png" alt="" width="72" height="76">
					<p><b>Доставка</b><br>(по желанию)</p>
				</li>
				<li>
					<img src="http://savepic.org/7216147.png" alt="" width="72" height="76">
					<p><b>Установка</b><br>(по желанию)</p>
				</li>
			</ul>

CSS

.advantage-list {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
}
.advantage-list li {
	display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 33%;
	text-align:center;
	/* padding: 0 40px; */
}
.advantage-list li img {

}
.advantage-list lip {
	color: #fff;
}