JSFiddle - React, Tailwind, and code Playground
HTML
<div class="new_product">
<span class="title_product">new product</span>
<div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
<p>Single Thruster 2014</p> <b>€.865.00</b> </div>
<div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
<p>Freestyle Wave FSW</p> <b>€.770.50</b> </div>
<div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
<p>The White Collection SURFBOARD 2014</p> <b>€.1,580.70</b> </div>
<div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
<p>OG SCALLOP SOLID</p> <b>€.765.00</b> </div>
<div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
<p>STRIPE 19 QS</p> <b>€.230.50</b> </div>
<div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
<p>YOKE 19 QS</p> <b>€.1,130.70</b> </div>
</div>
CSS
.new_product {
background-color: #f8f8f8;
border: 1px solid red;
min-width: 920px;
max-width: 100%;
margin-left: 65px;
display: inline-block;
}
.title_product {
font: italic 900 22px Roboto;
text-transform: uppercase;
border: 0.1px solid black;
padding-bottom: 35px;
padding-top: 25px;
color: #707070;
display: block;
margin-left: 25px;
}
.block {
width: 270px;
height: 320px;
border: 0.5px solid black;
background-color: #fffff1;
display: inline-block;
margin-top: 0px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 15px;
}
.block img {
width: 250px;
height: auto;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.block p {
font: italic 900 14px / 18px Roboto;
width: 129px;
display: inline-block;
margin-left: 20px;
margin-bottom: 10px;
}
.block b{
margin-right: 14px;
/*margin-top: 10px;*/
float: right;
}