AI-помощник
Обновлен 11.11.2026
Tailwind CSS с нуля: современная адаптивная вёрстка
Научитесь верстать на Tailwind CSS 4 и соберите адаптивный сайт клуба походов из трёх страниц со светлой и тёмной темой.
Практические задания
Помощь от учителя
Поддержка 24/7
Программа курса
9 разделов • 37 уроков
1
Первые шаги
1.4. Практикум: первая секция
2
Текст и цвет
2.1. Текст и шрифты
2.2. Цвета и прозрачность
2.3. Отступы и размеры
2.4. Рамки, тени, скругления
2.5. Практикум: блок «О клубе»
3
Flexbox
3.1. Flex-контейнер
3.2. Гибкие элементы
3.3. Практикум: шапка и подвал
4
Сетки Grid
4.1. Сетка Grid
4.2. Сложные сетки
4.3. Практикум: маршруты и тарифы
5
Адаптивность
5.1. Mobile-first и брейкпоинты
5.2. Адаптивные секции
5.3. Контейнерные запросы
5.4. Практикум: мобильное меню
6
Состояния
6.1. Hover, focus и active
6.2. Group, peer и has
6.3. Красивые формы
6.4. Анимации и переходы
6.5. Практикум: FAQ и запись
7
Тёмная тема
7.1. Вариант dark
7.2. Переключатель темы
7.3. Цвета через переменные
7.4. Практикум: тёмная главная
8
Дизайн-система
8.1. Тема через @theme
8.2. Свои утилиты и варианты
8.3. Компоненты без повторов
8.4. Плагин типографики
8.5. Практикум: страница маршрута
9
Финал
9.1. Кабинет участника
9.2. Доступность и детали
9.3. Сборка и публикация
9.4. Практикум: финал и дальше
Преподаватели
Изучите преподавательский состав
Отзывы о курсе
0 отзыва
Войдите в аккаунт, чтобы оставить отзыв о курсе
Доступ навсегда
24/7 Support
Tailwind CSS
Tailwind CSS 4
HTML
CSS
Flexbox
CSS Grid
адаптивная вёрстка
тёмная тема
Vite