/
VictorV
/
Web-static-labs
Обзор
Документация
Войти
/
VictorV
/
Web-static-labs
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
html/style.css
84 строки
2 KB
Виктор Войтенко
some fix laboratory 2
24 сен 2025, 09:05
24 сен 2025, 09:05
87bc857
Код
Авторство
О чём код?
/* ====== Базовые стили ====== */ * { box-sizing: border-box; } body { margin: 0; font-family: system-ui, sans-serif; line-height: 1.4; background: #f7f7f7; color: #333; } h1,h2 { margin-top: 0; } /* ====== Grid-контейнер для широких экранов ====== */ body { display: grid; grid-template-columns: 1fr 300px; /* контент + сайдбар */ grid-template-rows: auto 1fr auto; /* header, main, footer */ grid-template-areas: "header header" "content sidebar" "footer footer"; gap: 20px; max-width: 1200px; margin: 0 auto; padding: 20px; } .site-header { grid-area: header; background:#3498db; color:white; padding:20px; } .personal { grid-area: sidebar; background:white; padding:20px; border-radius:8px; } .progress { grid-area: content; background:white; padding:20px; border-radius:8px; } .site-footer { grid-area: footer; background:#eee; text-align:center; padding:10px; } /* Меню в шапке */ .main-menu ul { list-style: none; display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; margin: 0; } .main-menu a { color:white; text-decoration:none; } .main-menu a:hover { text-decoration:underline; } /* ====== Адаптив ====== */ @media (max-width: 768px) { body { grid-template-columns: 1fr; grid-template-areas: "header" "content" "sidebar" "footer"; } .main-menu ul { flex-direction: column; gap: .5rem; } }