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