Связаться с нами
Наш адрес
Легко заказать, приятно дарить!
Получите 1000 бонусов на покупки
Откликнуться на вакансию
/* Основной контейнер Zero Block */
.t-html {
display: flex; /* Гибкая модель размещения элементов */
justify-content: center; /* Центрирование элементов по горизонтали */
align-items: center; /* Центрирование элементов по вертикали */
width: 100%; /* Ширина 100% для всего блока */
height: 100%; /* Высота 100% для всего блока */
}
/* Адаптация для мобильных устройств */
@media screen and (max-width: 767px) {
.t-html {
height: auto; /* Высота блока на мобильных устройствах будет подстраиваться под контент */
padding: 20px; /* Добавим отступы для мобильных устройств */
}
}
/* Адаптация для планшетов */
@media screen and (min-width: 768px) and (max-width: 1024px) {
.t-html {
height: auto; /* Высота блока на планшетах будет подстраиваться */
padding: 30px; /* Увеличиваем отступы на планшетах */
}
}
/* Адаптация для десктопов */
@media screen and (min-width: 1025px) {
.t-html {
height: 100vh; /* Высота блока на десктопах занимает 100% от высоты экрана */
padding: 40px; /* Отступы для десктопа */
}
}
/* Устанавливаем гибкую модель размещения элементов */
.t-html {
display: flex;
justify-content: center; /* Центрируем по горизонтали */
align-items: center; /* Центрируем по вертикали */
width: 100%;
height: 100%;
}
/* Адаптация для мобильных устройств */
@media screen and (max-width: 767px) {
.t-html {
height: auto; /* Высота адаптируется под контент */
padding: 20px; /* Уменьшаем отступы на мобильных */
font-size: 16px; /* Уменьшаем шрифт для мобильных */
}
/* Для изображений */
img {
width: 100%;
height: auto;
}
/* Для текста */
.t-text {
font-size: 14px;
}
}
