Всем привет, друзья! Сегодня мы сверстаем секцию «Лучшие работы»: попрактикуемся в HTML верстке с использованием Flexbox, я покажу, как верстать карточки эквивалентной высоты, а также рассмотрим создание интересного анимационного эффекта при наведении с помощью CSS. Это пятая часть серии уроков по HTML верстке макета из Figma. Курс «Создание коммерческого сайта от А до Я». Урок 20.
Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Материалы урока: Скачать
Рекомендуемые уроки
- Урок по созданию данного дизайна: Создание дизайна сайта в Figma
- Настройка VS Code для верстки: Ознакомиться с уроком
- Bootstrap 4. Сетка. Подробное руководство: Страница урока
Премиум уроки от WebDesign Master
Другие уроки по теме «HTML и CSS»
- Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном - Материалы урока
- HTML верстка «ленивого» слайдера | Верстка макета Figma. Часть 6 | Создание коммерческого сайта от А до Я. Урок 21
- Верстка модального окна Micromodal.js | HTML верстка макета Figma. Часть 4 | Коммерческий сайт от А до Я. Урок 19
- Анимированный слайдер на Swiper.js | HTML верстка макета Figma. Часть 3 | Коммерческий сайт от А до Я. Урок 18
- HTML верстка макета Figma. Часть 2 | Создание коммерческого сайта от А до Я. Урок 17