17 lines
954 B
Markdown
17 lines
954 B
Markdown
# Адаптация секции под мобильный (≤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` на контенте
|