Карточки потоков в две колонки в мобильной версии Тильда

магазин кастомных решений для тильды

Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов

Получить доступ

Обучающие продукты

Бесплатные модификации

Магазин модификаций

Курс «Tilda Custom Base»

бесплатный

Курс «Tilda Custom Main»

базовый

Курс «Tilda Custom Pro»

для опытных

Курс «Стилизация личного кабинета»

скоро

Курс «Tilda Custom Нейросети»

скоро

Предзапись на курс по стилизации стандартных блоков на тильде

Вы можете забронировать за собой самую низкую стоимость обучения, которое стартует 27 октября

Забронировать место

30+ бесплатных модификаций для твоих проектов на тильде

Уникальные модификации, с помощью которых вы сделаете свои проекты ещё круче, продуманнее и функциональнее

Перейти

телеграм-канал для дизайнеров

Чтобы не пропустить выход новых уроков, бесплатных и платных модификаций и также анонсов обучения — подписывайся на мой телеграм-канал

Связаться со мной

Я на связи с 10:00 до 18:00 (мск) в будние дни

Заказать разработку сайта

Вы можете заказать у меня не только разработку сайта на тильде, но и также дизайн сложных продуктов в фигме

Сайт-портфолио

Заказать сайт

Тильда

нейросети

создавайте рабочий код с помощью AI

12 900 ₽

от ~2 150 ₽ / месяц

в рассрочку от банков

26 уроков

таблица с 180 промптами

4 решения с нуля

полезное расширение

чат потока

бонусы

личный кабинет

Узнать подробнее о курсе

Старт обучения 20 мая

Стилизация личного кабинета

Научись стилизовать личные кабинеты курсов без знания кода

17 900 ₽

от ~2 980 ₽ / месяц

в рассрочку от банков

4 модуля

18 уроков

14 конструкторов кода

чат потока

бонусы

личный кабинет

Узнать подробнее о курсе

Старт обучения 20 мая

Tilda Custom Main

тот самый курс по стилизации стандартных блоков на тильде, на котором уже обучилось 300+ человек

19 900 ₽

от ~3 3000 ₽ / месяц

в рассрочку от банков

50 уроков

50+ домашних заданий

100+ тестов

чат потока

бонусы

мастер-классы

личный кабинет

Узнать подробнее о курсе

Старт обучения 20 мая

Tilda Custom PRO

Продвинутая кастомизация стандартных и zero-блоков. Всё, что я знаю о кастомизации Тильды, собрано здесь

19 900 ₽

от ~3 300 ₽ / месяц

в рассрочку от банков

43 урока

40+ домашних заданий

60+ тестов

чат потока

бонусы

мастер-классы

личный кабинет

Узнать подробнее о курсе

Старт обучения 20 мая

Главная
/
Модификации
/
Карточки потоков в две колонки в моб.версии

Смотрите подробную инструкцию и код ниже

Карточки потоков в две колонки в моб.версии

Смотреть

Готовый код

Здесь вы можете скопировать готовый код и также почитать подробные комментарии к нему

Смотреть код

   <!--https://dsgnmax.ru/two-column-content--> <style>
/*Карточки потоков в две колонки в мобильной версии*/
@media (max-width:640px){
    .js-feed{
        padding: 0 10px;    /*Отступ от краев экрана*/    
    }
    .js-feed-container {
        display: grid;
        grid-template-columns: 1fr 1fr; /*Количество колонок на мобильной версии*/
        gap: 10px;  /*Отступ между карточками*/
    }
    
    .js-feed-post.t-feed__post.t-feed__grid-col {
        width: 100%;
        max-width: 100%;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .t-feed__col-grid__wrapper {
        height: auto !important;
        padding: 0 20px 20px 20px; /*Отступы вокруг текста*/
    }
    
    .t-feed__col-grid__post-wrapper {
        height: 100% !important;
    }
    
    .t-feed__post-title,
    .js-feed-post-descr,
    .t-feed__post-tag{
        overflow-wrap: anywhere; /*Перенос части слова, если оно слишком длинное*/
    }
    
    .t-feed__post__line-separator {
        display:none;
    }
}

</style>