JSFiddle - React, Tailwind, and code Playground
HTML
<article class="main-catalog__items">
<section class="main-catalog__item">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a href="#"><h2>Lorem ipsum.</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</section>
<section class="main-catalog__item">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a href="#"><h2>Lorem ipsum.</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</section>
<section class="main-catalog__item">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a href="#"><h2>Lorem ipsum.</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</section>
<section class="main-catalog__item">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a href="#"><h2>Lorem ipsum.</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</section>
<section class="main-catalog__item">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a href="#"><h2>Lorem ipsum.</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</section>
<section class="main-catalog__item">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a href="#"><h2>Lorem ipsum.</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</section>
<section class="main-catalog__item">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a href="#"><h2>Lorem ipsum.</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</section>
<section class="main-catalog__item">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a href="#"><h2>Lorem ipsum.</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</section>
<section class="main-catalog__item zalupa">
<img src="img/catalog-item-windows.jpg" alt="Пластиковые окна">
<a...
CSS
.main-catalog__items {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.main-catalog__item {
width: 210px;
height: 270px;
margin-bottom: 20px;
}
.main-catalog__item h2 {
fw: 400;
font-size: 18px;
line-height: 32px;
}
.main-catalog__item h2:hover {
color: #e5087f;
}
.main-catalog__item p {
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 0;
}
.main-catalog__item a {
text-decoration: none;
color: #000;
}