v4: init — STATUS.md, prompts/, AGENTS.md, git setup
This commit is contained in:
commit
2d0c7d6156
15 files changed
+13752
No files matched your search
@@ -0,0 +1,16 @@
|
||||
# Адаптация секции под мобильный (≤768px)
|
||||
|
||||
## Конвенции
|
||||
- Брейкпоинт: `@media (max-width: 768px)`
|
||||
- Grid → `grid-template-columns: 1fr` (одна колонка)
|
||||
- Flex → `flex-direction: column` (вертикальный стек)
|
||||
- Padding → уменьшить с 3rem до 1.5rem
|
||||
- Шрифты — не мельче 14px для текста, 18px для заголовков
|
||||
- Кнопки на всю ширину: `width: 100%`
|
||||
- Не трогать `scroll-behavior`, `animation`, GSAP-триггеры
|
||||
|
||||
## Порядок
|
||||
1. Найти секцию в `index-v4.html` по CSS-классу или тексту
|
||||
2. Добавить/обновить правило в `@media (max-width: 768px)`
|
||||
3. Если секция табличная — заменить на карточный вид (`.employee-card-view`)
|
||||
4. Проверить, что нет `overflow-x: hidden` на контенте
|
||||
Reference in new issue
Block a user