Урок 5
Практика: навигационное меню
25 минНавигационное меню — идеальный пример использования Flexbox. Создадим несколько вариантов от простого к сложному.
Простая навигация
Базовое меню с ссылками в ряд:
Навигация с логотипом
Логотип слева, ссылки справа с помощью margin-left: auto:
Навигация с выпадающим меню
Добавим подменю с помощью вложенного flex:
Мобильная навигация (бургер)
Адаптивная навигация для мобильных устройств:
Материалы по теме
- Глоссарий digital-терминов Глоссарий
- Статьи блога по разработке и SEO Блог
- Практические чеклисты по внедрению Чеклисты
- Email-маркетинг: стратегия и практика Статья