/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
html/lab2/task8/styles.css
51 строка
1 KB
Coderdev
1
12 май 2026, 12:37
12 май 2026, 12:37
d8ecd0f
Код
Авторство
О чём код?
body, html { margin: 0; padding: 0; height: 100%; } .fullscreen-block { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; } #color-name { font-size: 4rem; font-weight: bold; color: white; text-transform: uppercase; } /* 300px */ @media (max-width: 299px) { .fullscreen-block { background-color: #1abc9c; } #color-name::before { content: "Turquoise"; } } /*От 300px до 800px */ @media (min-width: 300px) and (max-width: 799px) { .fullscreen-block { background-color: #2ecc71; } #color-name::before { content: "Emerald"; } } /*От 800px до 1300px */ @media (min-width: 800px) and (max-width: 1299px) { .fullscreen-block { background-color: #3498db; } #color-name::before { content: "Peter River"; } } /*От 1300px до 1800px */ @media (min-width: 1300px) and (max-width: 1799px) { .fullscreen-block { background-color: #9b59b6; } #color-name::before { content: "Amethyst"; } } /* 1800px */ @media (min-width: 1800px) { .fullscreen-block { background-color: #34495e; } #color-name::before { content: "Wet Asphalt"; } }