JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="conteiner">
<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>

<div class="tovar">
<img src="images/tovar2.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Платье No Label 19</a>
</div>
<div class="cena">7500 р.
</div>
</div>

<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>
<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>

<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>

<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>

<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>

<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>

<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>
    
<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div class="name"><a href="#">!!Vip!! Туфли Yves Saint Laurent Janis 24</a>
</div>
<div class="cena">6200 р.
</div>
</div>

<div class="tovar">
<img src="images/tovar1.jpg" title="туфли" />
<div...

CSS

*{margin:0;padding:0}
.conteiner{width:1200px;margin:0 auto;}
.tovar{margin:20px; width:20%; float:left;}
.tovar a{color:#000}
.tovar a:hover{text-decoration:none;}
.tovar img{border:1px solid #c9c9cb;width:75%}
.name{width:45%;float:left;margin-top:10px;}
.cena{float:left;margin:10px 0 0 15px;padding:5px; background:#f9f4f1}