3. Адаптивная вёрстка лендинга с нуля. HTML, SCSS, Gulp. Проект Trail Bliss

👨🏼💻 ТГ Канал с макетом и готовым кодом: https://t.me/+9XtDDNBdHAk4Yjhi (пост за 16.11.25) Программы ВебКадеми: 📦 HTML верстальщик: https://webcademy.ru/htmlstart 🛠️ Frontend разработчик: https://webcademy.ru/frontend ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 🌍 Сайт ВебКадеми: https://webcademy.ru ТАЙМ КОДЫ: 00:00 — Начало стрима, проверка трансляции, формат и планы 02:28 — Анализ сделанных секций (Hero, карточки, UI-kit) 05:49 — Анализ секции Mission: структура, зеркальные варианты, поведение на адаптиве 15:01 — Вёрстка секции Mission-2, переименование, подключение, базовая структура 18:05 — Работа с сеткой Mission: grid-column, отступ в 1 колонку, реверс секции 27:31 — Реализация реверса: модификатор .reverse, работа с order 37:32 — Hero картинка: picture, webp/jpeg, ретина, адаптив 45:05 — Анализ секции Offers: структура заголовка, контролы, данные карточек 52:12 — Вёрстка Offers: разметка, include, JSON-данные 58:30 — Работа с сеткой Offers: flex-basis, брейкпоинты, размеры карточек 1:14:55 — Подключение Swiper: настройка, slidesPerView, slide-template 1:27:58 — Сетка в Swiper: ширина слайдов, wrapper-padding, переменные контейнера 1:43:25 — Navigation в Swiper: кнопки prev/next, привязка по ID 1:11:12 / 1:47:50 — Общение с чатом, ответы на вопросы (кэш, браузеры, Edge, DevTools) 03:30 — Питч курсов WebCademy, объяснение дорожной карты обучения 1:52:55 — Финал: план на следующий стрим, завершение