Верстка главной страницы сайта Balenciaga 0:03 Создание макета главной страницы сайта Balenciaga с использованием адаптивной верстки. Использование пикселей для определения размеров элементов и применение адаптивности.
Создание меню и логотипа 2:30 Создание меню с использованием виджета меню и класса "линк двенадцать пикселей". Добавление логотипа с использованием иконки и класса "айкон в лого".
Создание контента и настройка блоков 12:31 Создание блоков для контента с использованием классов "хира в рапер" и "хира контент фикс". Настройка блоков для текста, кнопок и изображений. Использование классов для настройки стилей и размеров элементов.
Дублирование и замена контента 19:00 Дублирование блоков для контента и замена изображений и текста. Добавление новых кнопок и изменение их стилей и размеров. Настройка отступов и расстояний между элементами.
Создание контента и настройка блоков 23:49 Копируем и вставляем секции, меняем класс и цвет фона. Удаляем белый цвет и добавляем текст. Удаляем кнопку и меняем класс. Создаем футер и добавляем контейнер, задаем цвет и бордер сверху. Создаем атомы для футера и линков, задаем отступы и высоту.
Адаптация контента и настройка адаптивов 39:30 Убираем лишние элементы и настраиваем адаптивы для планшета и мобильного устройства. Убираем линки в хедере и настраиваем высоту для каждого блока. Настраиваем футер, задаем ширину и высоту для каждого атома. Настраиваем мобилку, удаляем иконку и выравниваем элементы по левому краю.
