Урок 21. Ресурсы: Основы макетирования и статичный landing

📁 Раздел: Блочная модель и позиционирование ⏱️ Время изучения: ~70 мин 🎯 Сложность: Средняя
#min #width #margin-inline #padding-block #display #position

⚡ Кратко

Макетирование начинается не с CSS-свойств, а с разбиения страницы на смысловые блоки. В этом уроке собирается статичный landing: header, main, секции, карточки и footer.

Ресурсы

  • MDN: HTML sections and outlines — семантическая структура страниц.
  • MDN: CSS layout cookbook — обзор типовых макетов.
  • web.dev: Learn CSS Layout — системное введение в layout-подходы.
Перед Phase 37: текущий landing можно будет улучшить Flexbox-навигацией и сеткой карточек.

Навигация