/
Alice2401
/
LabVeb2401
Обзор
Документация
Войти
/
Alice2401
/
LabVeb2401
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
lab2/task7/style.css
75 строк
1 KB
Alice2401
Final version of labs
14 апр 2026, 23:40
14 апр 2026, 23:40
9172e0e
Код
Авторство
О чём код?
.grid-container { display: grid; gap: 20px; max-width: 400px; height: 1400px; margin: 0 auto; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 3fr 3fr 3fr 2fr; grid-template-areas: "b1 b2 b2 b2" "b3 b3 b3 b3" "b4 b4 b5 b5" "b6 b6 b6 b6" "b7 b7 b7 b7"; } .box { border-radius: 4px; } .b1 { grid-area: b1; background-color: #5DADE2; } .b2 { grid-area: b2; background-color: #58D68D; } .b3 { grid-area: b3; background-color: #34495E; } .b4 { grid-area: b4; background-color: #45B39D; } .b5 { grid-area: b5; background-color: #E67E22; } .b6 { grid-area: b6; background-color: #F4D03F; } .b7 { grid-area: b7; background-color: #4A235A; } @media screen and (min-width: 800px) { .grid-container { max-width: 810px; grid-template-columns: repeat(12, 1fr); grid-template-areas: "b1 b1 b2 b2 b2 b2 b2 b2 b2 b2 b2 b2" "b3 b3 b3 b3 b3 b3 b3 b3 b3 b3 b3 b3" "b4 b4 b4 b4 b6 b6 b6 b6 b6 b6 b6 b6" "b5 b5 b5 b5 b6 b6 b6 b6 b6 b6 b6 b6" "b7 b7 b7 b7 b7 b7 b7 b7 b7 b7 b7 b7"; } .b5 { background-color: #C39BD3; } .b6 { background-color: #E67E22; } }