<!--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>