Блоки колонки
Колонки изображения фоном и с текстом
У блока - style="--up-posts-img-height:60%" - задает высоту картинок в %
Класс - psimg-col-3 - задает количество блоков в строке. Может быть - (-2,-3,-4,-5)
<div class="posts-img" style="--up-posts-img-height:60%">
<div class="posts-img__wrap grid psimg-col-3">
<a href="#" class="posts-img__item">
<img class="posts-img__img" src="/upsell/wa-data/public/shop/promos/07/00/7/promo_6733946f4638e330263278.jpg?v=1731433583" alt="Promos slider 7" loading="lazy" decoding="sync">
</a>
<a href="#" class="posts-img__item">
<img class="posts-img__img" src="/upsell/wa-data/public/photos/28/00/28/28.970.jpg" alt="Promos slider 8" loading="lazy" decoding="sync">
<span class="posts-img__bottom">
<span class="posts-img__name">«Яндекс» выпустил новую «Станцию Мини 3»</span>
</span>
</a>
<a href="#" class="posts-img__item">
<img class="posts-img__img" src="/upsell/wa-data/public/shop/promos/09/00/9/promo_67339494d7ed6011863207.jpg?v=1731433620" alt="Promos slider 9" loading="lazy" decoding="sync">
</a>
</div>
</div>
Колонки изображения и с текстом
Распродажа Xiaomi на 11.11
Компания Xiaomi – один из самых популярных и...
«Яндекс» выпустил новую «Станцию Мини 3»
Внутри колонки «живет» Алиса, а еще есть встроенная...
Среднебюджетные смартфоны с премиум-характеристикам
Дизайн и комплектация. Начнем со старшей модели...
У блока - style="--up-posts-img-height:60%" - задает высоту картинок в %
Класс - ps-col-3 - задает количество блоков в строке. Может быть - (-2,-3,-4,-5)
<div class="posts" style="--up-posts-img-height:60%">
<div class="posts__wrap grid ps-col-3">
<div class="posts__item">
<a href="https://steemy.ru/upsell/blog/rasprodazha-xiaomi-na-1111/" class="posts__link">
<span class="posts__img">
<img src="/upsell/img/stock/stock.jpg" alt="Распродажа Xiaomi на 11.11" loading="lazy" decoding="sync">
</span>
<span class="posts__name">Распродажа Xiaomi на 11.11</span>
</a>
<div class="posts__text">
Компания Xiaomi – один из самых популярных и...
</div>
</div>
<div class="posts__item">
<a href="https://steemy.ru/upsell/blog/yandeks-vypustil-novuyu-stantsiyu-mini-3/" class="posts__link">
<span class="posts__img">
<img src="https://steemy.ru/upsell/wa-data/public/photos/28/00/28/28.970.jpg" alt="«Яндекс» выпустил новую «Станцию Мини 3»" loading="lazy" decoding="sync">
</span>
<span class="posts__name">«Яндекс» выпустил новую «Станцию Мини 3»</span>
</a>
<div class="posts__text">
Внутри колонки «живет» Алиса, а еще есть встроенная...
</div>
</div>
<div class="posts__item">
<a href="https://steemy.ru/upsell/blog/rasprodazha-xiaomi-na-1111/" class="posts__link">
<span class="posts__img">
<img src="/upsell/img/stock/stock.jpg" alt="Распродажа Xiaomi на 11.11" loading="lazy" decoding="sync">
</span>
<span class="posts__name">Среднебюджетные смартфоны с премиум-характеристикам</span>
</a>
<div class="posts__text">
Дизайн и комплектация. Начнем со старшей модели...
</div>
</div>
</div>
</div>