<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=" Для многих контактная информация компаний, которые разместили объявление с вакансией, вызывает огромный интерес. Цели тут могут быть самые разные. Например, нужно узнать, какая ситуация на рынке труда, в особенности в области " дата-сайенс"="" или="" посчитать="" среднюю="" зарплату.="" "=""> Для многих контактная информация компаний, которые разместили...</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=" Для многих контактная информация компаний, которые разместили объявление с вакансией, вызывает огромный интерес. Цели тут могут быть самые разные. Например, нужно узнать, какая ситуация на рынке труда, в особенности в области " дата-сайенс"="" или="" посчитать="" среднюю="" зарплату.="" "=""> Для многих контактная информация компаний, которые разместили...</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=" Для многих контактная информация компаний, которые разместили объявление с вакансией, вызывает огромный интерес. Цели тут могут быть самые разные. Например, нужно узнать, какая ситуация на рынке труда, в особенности в области " дата-сайенс"="" или="" посчитать="" среднюю="" зарплату.="" "=""> Для многих контактная информация компаний, которые разместили...</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=" Для многих контактная информация компаний, которые разместили объявление с вакансией, вызывает огромный интерес. Цели тут могут быть самые разные. Например, нужно узнать, какая ситуация на рынке труда, в особенности в области " дата-сайенс"="" или="" посчитать="" среднюю="" зарплату.="" "=""> Для многих контактная информация компаний, которые разместили...</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;
box-flex: 0;
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: box;
display: flexbox;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.