Прошлым летом нарисовал простой дизайн макет и предлагал сверстать его в качестве практики
Макет небольшой, но охватывает довольно много базовых нюансов:
- эффекты при наведении на элементы
- плавная анимация появления элементов
- адаптивность по ширине и по высоте окна браузера
- hamburger-меню и логика открытия/закрытия на Javascript
- css-переменные
- бэм-нейминг
- svg-спрайт для иконок
Сейчас раздаю свой вариант вёрстки на Gumroad - https://frontips.gumroad.com/l/portfolio-home-page-template-2
Для тех, кто только учится верстать, думаю будет интересно посмотреть, как реализованы те или иные моменты
