Верстаем лендинг на Webflow с Юрой Герыш. Пошаговый туториал

Первая часть из цикла мастер-классов по вёрстке на Webflow. Верстаем на десктопное разрешение. Разбираемся с цветами, секциями и свойствами display. Оптимизируем картинки, настраиваем заголовки, подбираем отступы и наполняем блоки контентом. Мастер-класс ведёт Юра Герыш — Middle UX/UI дизайнер и Webflow разработчик в Аспирити. Канал Юры в ТГ:
Дизайн, который будем верстать:
Лендинг на Webflow в проде:
Лендинг на Webflow в read-only:
Ресурсы из видео:

00:00-01:01 Что сделаем и кому полезно посмотреть 01:02-05:22 Создаём и настраиваем сайт в Webflow 05:23-27:52 Верстаем Hero block 27:53-54:52 Создаём типовые блоки через section, оптимизируем картинки и заполняем блоки контентом 54:53-1:03:44 Используем сетку для нестандартного размещения контента в блоке 1:03:45-1:18:12 Завершаем вёрстку блоков и используем flex-flox: wrap Пишите в комментариях "senior мойщик полов", если ждёте вторую часть про адаптивы :)

Смотрите также