/
Alice2401
/
LabVeb2401
Обзор
Документация
Войти
/
Alice2401
/
LabVeb2401
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
lab2/task9/style.css
83 строки
1 KB
Alice2401
Final version of labs
14 апр 2026, 23:40
14 апр 2026, 23:40
9172e0e
Код
Авторство
О чём код?
body, html { margin: 0; padding: 0; font-family: sans-serif; background: #f4f4f4 } .main-wrapper { display: grid; gap: 10px; grid-template-areas: "header" "nav" "content" "footer" } .header { grid-area: header; background: #2c3e50; color: #fff; text-align: center; padding: 20px } .nav { grid-area: nav; background: #34495e; padding: 10px } .nav ul { list-style: none; display: flex; justify-content: center; gap: 20px; margin: 0; padding: 0 } .nav a { color: #fff; text-decoration: none; font-weight: bold } .content { grid-area: content; padding: 20px; background: #fff } .footer { grid-area: footer; background: #2c3e50; color: #fff; text-align: center; padding: 10px } .progress-container { background: #ddd; border-radius: 10px; margin-top: 20px } .progress-bar { width: 90%; background: #27ae60; color: #fff; text-align: center; padding: 5px; border-radius: 10px } @media(min-width:800px) { .main-wrapper { grid-template-columns: 200px 1fr; grid-template-areas: "header header" "nav content" "footer footer"; max-width: 1000px; margin: 20px auto } .nav ul { flex-direction: column } }