Урок 2. Верстка шапки, настройка адаптива. / Lesson 2. Header layout, adaptive settings.

Урок 2. Верстка шапки, настройка адаптива. / Lesson 2. Header layout, adaptive settings. Урок 2. Верстка шапки, настройка адаптива. / Lesson 2. Header layout, adaptive settings. 00:01 Верстка шапки сайта • В видео автор показывает, как верстать шапку сайта, используя конструктор тем в Elementor. • Создается родительский контейнер, разделенный на два внутренних контейнера для меню и логотипа. 01:47 Настройка макета и размеров • Устанавливаются отступы и размеры контейнеров, а также направление и распределение содержимого. • Логотип и меню становятся по краям, а элементы выравниваются по центру. 05:32 Создание меню и настройка стилей • Создается меню, задается имя, ориентация и подчеркивание. • Настраиваются стили меню, цвет, горизонтальные и вертикальные отступы, расстояние между пунктами меню. 09:43 Создание и настройка виджета списка • Создается виджет списка, добавляется иконка и текст. • Устанавливаются размеры иконки и текста, переносы строк, стили текста и типографика. 12:24 Верстка шапки сайта • В видео автор верстает шапку сайта, добавляя кликабельности и меняя размер шрифта. • Задается класс для двух элементов шапки и задается размер шрифта. 13:36 Адаптивность шапки • Автор настраивает адаптивность шапки, скрывая контейнер на планшетах и мобильных устройствах. • Задаются проценты для ширины логотипа и меню, а также жирность меню. 16:22 Верстка шапки на мобильных устройствах • Автор настраивает шапку на мобильных устройствах, убирая фон и меняя размер...