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>&#8364;.865.00</b> </div>
  <div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
    <p>Freestyle Wave FSW</p> <b>&#8364;.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>&#8364;.1,580.70</b> </div>
  <div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
    <p>OG SCALLOP SOLID</p> <b>&#8364;.765.00</b> </div>
  <div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
    <p>STRIPE 19 QS</p> <b>&#8364;.230.50</b> </div>
  <div class="block"><img src="http://studebekergb.h1n.ru/img/img.jpg" alt="что-то пошло не так">
    <p>YOKE 19 QS</p> <b>&#8364;.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;
  vertical-align: top;
}

.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;
}