<div class="home_products">
<ul>
<li class="ajax_block_product product">
    <div class="center_block">
<h3 class="featured">
<a class="product_link" data-product="3610" href="products/parser-vakansij-rabota-ru">Парсер вакансий rabota ru</a>
</h3>
<div class="product_desc">
<a href="products/parser-vakansij-rabota-ru" class="product_descr" title="    Для многих контактная информация компаний, которые разместили объявление с вакансией, вызывает огромный интерес. Цели тут могут быть самые разные. Например, нужно&nbsp;      узнать, какая ситуация на рынке труда, в особенности в области " дата-сайенс"="" или="" посчитать="" среднюю="" зарплату.="" "="">    Для многих контактная информация компаний, которые разместили...</a>
</div>
 </div>
<div class="right_block bordercolor">
<form class="variants" method="get" action="cart">
<p class="compare checkbox">

<select name="variant" style="display:none;">
<option value="3621" compare_price="3 000" price="1 500"></option>
</select>
</p>

<strike>3 000</strike><span class="price">1 500<i>руб</i></span>
<div class="clearblock"></div>
<input type="submit" class="exclusive ajax_add_to_cart_button" value="В корзину" data-result-text="добавлено">
<a class="button" href="products/parser-vakansij-rabota-ru" title="Подробней"> Детали </a>
 </form>
  </div>
</li>
 
  <li class="ajax_block_product product">
    <div class="center_block">
<h3 class="featured">
<a class="product_link" data-product="3610" href="products/parser-vakansij-rabota-ru">Парсер вакансий rabota ru</a>
</h3>
<div class="product_desc">
<a href="products/parser-vakansij-rabota-ru" class="product_descr" title="    Для многих контактная информация компаний, которые разместили объявление с вакансией, вызывает огромный интерес. Цели тут могут быть самые разные. Например, нужно&nbsp;      узнать, какая ситуация на рынке труда, в особенности в области " дата-сайенс"="" или="" посчитать="" среднюю="" зарплату.="" "="">    Для многих контактная информация компаний, которые разместили...</a>
</div>
 </div>
<div class="right_block bordercolor">
<form class="variants" method="get" action="cart">
<p class="compare checkbox">

<select name="variant" style="display:none;">
<option value="3621" compare_price="3 000" price="1 500"></option>
</select>
</p>

<strike>3 000</strike><span class="price">1 500<i>руб</i></span>
<div class="clearblock"></div>
<input type="submit" class="exclusive ajax_add_to_cart_button" value="В корзину" data-result-text="добавлено">
<a class="button" href="products/parser-vakansij-rabota-ru" title="Подробней"> Детали </a>
 </form>
  </div>
</li>
  
  <li class="ajax_block_product product">
    <div class="center_block">
<h3 class="featured">
<a class="product_link" data-product="3610" href="products/parser-vakansij-rabota-ru">Парсер вакансий rabota ru</a>
</h3>
<div class="product_desc">
<a href="products/parser-vakansij-rabota-ru" class="product_descr" title="    Для многих контактная информация компаний, которые разместили объявление с вакансией, вызывает огромный интерес. Цели тут могут быть самые разные. Например, нужно&nbsp;      узнать, какая ситуация на рынке труда, в особенности в области " дата-сайенс"="" или="" посчитать="" среднюю="" зарплату.="" "="">    Для многих контактная информация компаний, которые разместили...</a>
</div>
 </div>
<div class="right_block bordercolor">
<form class="variants" method="get" action="cart">
<p class="compare checkbox">

<select name="variant" style="display:none;">
<option value="3621" compare_price="3 000" price="1 500"></option>
</select>
</p>

<strike>3 000</strike><span class="price">1 500<i>руб</i></span>
<div class="clearblock"></div>
<input type="submit" class="exclusive ajax_add_to_cart_button" value="В корзину" data-result-text="добавлено">
<a class="button" href="products/parser-vakansij-rabota-ru" title="Подробней"> Детали </a>
 </form>
  </div>
</li>
  
  <li class="ajax_block_product product">
    <div class="center_block">
<h3 class="featured">
<a class="product_link" data-product="3610" href="products/parser-vakansij-rabota-ru">Парсер вакансий rabota ru</a>
</h3>
<div class="product_desc">
<a href="products/parser-vakansij-rabota-ru" class="product_descr" title="    Для многих контактная информация компаний, которые разместили объявление с вакансией, вызывает огромный интерес. Цели тут могут быть самые разные. Например, нужно&nbsp;      узнать, какая ситуация на рынке труда, в особенности в области " дата-сайенс"="" или="" посчитать="" среднюю="" зарплату.="" "="">    Для многих контактная информация компаний, которые разместили...</a>
</div>
 </div>
<div class="right_block bordercolor">
<form class="variants" method="get" action="cart">
<p class="compare checkbox">

<select name="variant" style="display:none;">
<option value="3621" compare_price="3 000" price="1 500"></option>
</select>
</p>

<strike>3 000</strike><span class="price">1 500<i>руб</i></span>
<div class="clearblock"></div>
<input type="submit" class="exclusive ajax_add_to_cart_button" value="В корзину" data-result-text="добавлено">
<a class="button" href="products/parser-vakansij-rabota-ru" title="Подробней"> Детали </a>
 </form>
  </div>
</li>
</ul> 
 </div> 
.home_products {
     width: 100%;
  max-width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; 
}
.home_products UL LI {
    height: auto;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px;
}

.home_products UL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.