Адаптив текста в стандартных блоках

Смотрите подробную инструкцию и код ниже
Вкладка "Обложка" из библиотеки блоков
Вкладка "О проекте" из библиотеки блоков
Вкладка "Заголовок" из библиотеки блоков
Вкладка "Текстовый блок" из библиотеки блоков
Вкладка "Изображение" из библиотеки блоков
Вкладка "Ключевая фраза" из библиотеки блоков
Вкладка "Прямая речь" из библиотеки блоков
Вкладка "Преимущества" из библиотеки блоков
Вкладка "Колонки" из библиотеки блоков
Вкладка "Список страниц" из библиотеки блоков
Вкладка "Плитка и ссылка" из библиотеки блоков
Вкладка "Форма и кнопка" из библиотеки блоков
Вкладка "Магазин" из библиотеки блоков
Вкладка "Команда" из библиотеки блоков
Вкладка "Отзывы" из библиотеки блоков
Вкладка "Расписание" из библиотеки блоков
Вкладка "Этапы" из библиотеки блоков
Вкладка "Контакты" из библиотеки блоков
Вкладка "Услуги" из библиотеки блоков
Вкладка "Тарифы" из библиотеки блоков
Вкладка "Новости и потоки" из библиотеки блоков


<!--https://dsgnmax.ru/adaptive-standart-block-->

<style>
/*Разрешение экрана от 640 до 1200px (планшет вертикальный и горизонтальный*/

@media screen and (max-width:1200px){
    /*Надзаголовок*/
    .t001__uptitle {    /*Сюда вставляем нужный класс из таблицы*/
        font-size: 5px !important;
    }
    
    /*Заголовок*/
    .t001__title {
        font-size: 10px !important;
    }
    
    /*Подзаголовок*/
        .t001__title {
    font-size: 10px !important;
    }
    
    /*Описание*/
    .t001__descr{
        font-size:55px !important;
    }
    
    /*Иконка*/
    .t001__img{
        width:40px !important;
        height:40px !important;
    }
}


/*Разрешение экрана от 0 до 640px (мобилка вертикальная и горизонтальная*/
@media screen and (max-width:640px){
    /*Надзаголовок*/
    .t001__uptitle {  
        font-size: 5px !important;
    }
    
    /*Заголовок*/
    .t001__title {
        font-size: 10px !important;
    }
    
    /*Подзаголовок*/
    .t001__title {
        font-size: 10px !important;
    }
    
    /*Описание*/
    .t001__descr{
        font-size:5px !important;
    }
    
    /*Иконка*/
    .t001__img{
        width:40px !important;
        height:40px !important;
    }
    /*и так далее дублируем классы, которые нужно будет адаптировать в рамках этого разрешения*/
}

/*при необходимости можно менять цвета, отступы у элементов с классами из таблицы под каждое разрешение*/
</style>

Made on
Tilda