/
RoditelevVV
/
web-static-labs
Обзор
Документация
Войти
/
RoditelevVV
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab3/task6/styles.css
97 строк
1 KB
karpov
finish lab3, lab4
12 мар 2026, 08:19
12 мар 2026, 08:19
74cd197
Код
Авторство
О чём код?
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: #f5f7fa; padding: 20px; min-height: 100vh; } .container { max-width: 800px; margin: 0 auto; background-color: white; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 30px; } h1 { text-align: center; margin-bottom: 30px; color: #2d3748; } .blocks-container { display: flex; flex-direction: column; gap: 20px; } .block { padding: 25px; border-radius: 8px; color: white; font-weight: 600; font-size: 18px; text-align: center; } .block-1 { background-color: #2d6ef0; order: 2; } .block-2 { background-color: #e53e3e; order: 3; } .block-3 { background-color: #38a169; order: 1; } .explanation { margin-top: 40px; padding: 20px; background-color: #f8f9fa; border-radius: 8px; border-left: 4px solid #2d6ef0; } .explanation h2 { color: #2d3748; margin-bottom: 15px; } .explanation p { color: #4a5568; line-height: 1.6; margin-bottom: 10px; } .code-example { background-color: #2d3748; color: #e2e8f0; padding: 15px; border-radius: 6px; font-family: 'Courier New', monospace; margin-top: 15px; overflow-x: auto; } @media (max-width: 600px) { .container { padding: 20px; } .block { padding: 20px; font-size: 16px; } }