Некоторое время назад уже упоминал сайт https://web.dev/, когда делал заметку про CSS свойство accent-color, но на этом ресурсе еще много всего полезного

Learn CSS - https://web.dev/learn/css/
Learn Responsive Design - https://web.dev/learn/design/
Learn Forms - https://web.dev/learn/forms/

Layout patterns - https://web.dev/patterns/layout/

а также про анимации, оптимизацию, SEO, доступность, и прочее

Сразу два качественных, лаконичных макета для практики 👍🏼

https://12daysofweb.dev/ - 12 качественных статей на тему современного веба:

- Intersection Observer
- Details / Summary
- CSS Custom Properties
- Audio API
- CSS Houdini Paint API
- Capturing User Media Streams
- Preference Queries
- Image Display Elements
- CSS Animation
- Web Speech API
- Form Autocomplete
- Container Queries

Прошлым летом нарисовал простой дизайн макет и предлагал сверстать его в качестве практики

Макет небольшой, но охватывает довольно много базовых нюансов:

- эффекты при наведении на элементы
- плавная анимация появления элементов
- адаптивность по ширине и по высоте окна браузера
- hamburger-меню и логика открытия/закрытия на Javanoscript
- css-переменные
- бэм-нейминг
- noscript-спрайт для иконок

Сейчас раздаю свой вариант вёрстки на Gumroad - https://frontips.gumroad.com/l/portfolio-home-page-template-2

Для тех, кто только учится верстать, думаю будет интересно посмотреть, как реализованы те или иные моменты

Простенький макет для практики - https://www.figma.com/file/yIl2O1QVhnb1ePo0oJRrgI/Aset---Ogenacy?node-id=0%3A1