Адаптивная верстка макета - GoodLyfe. Секция "Real Stories".
TIP! Right-click and select "Save link as..." to download.
Всем привет. В этом видео мы с вами сверстаем и адаптируем секцию "Real Story".
При вёрстке макета будут использованы: PUG, SCSS, Gulp, Git, JavaScript, Slider - SWIPER, Gallery, SVG.
Ссылка на макет проекта и готовый код с урока: https://drive.google.com/drive/folders/1HVTesxt1XRnwv0vI7fw9yiK-lKmHPJym?usp=sharing
Тайм коды:
00:00:00 - Старт верстки секции.
00:15:40 - Разметка блоков секции.
00:23:50 - Верстка каточки секции.
00:57:15 - Создание pug миксина для карточки.
01:09:00 - Стилизация второй карточки.
01:17:00 - Стилизация третьей карточки.
01:28:00 - Адаптив под мобильные и планшетные устройства.
Будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Вконтакте: https://vk.com/web__skills
Telegram канал: https://t.me/web_skills
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Если есть вопросы, пишите их в комментариях, с радостью на них ответим.