Урок охватывает все тонкости работы с CSS Grid Layout, который является еще одним мощным инструментом для верстки адаптивных макетов. Будут изучены свойства, контролирующие создание сетки - четкой и неявной, ее размещение внутри контейнера, а также свойства, которые можно применять для контроля размещения элементов сетки. Ознакомление начнется с анализа верстки III-й секции макета, где будет проанализирована структура и стили, а также написан обобщенный каркас стилей, который ляжет в основу дальнейшей работы. Урок также будет включать верстку IV-ой секции макета для десктопной и мобильной версий, с использованием Grid для корректного размещения элементов на странице. Кроме того, будет осуществлена верстка карточек продукта и их общей обертки, стили будут вынесены в отдельный файл для дальнейшего их применения в других секциях макета. Кроме этого будет создан JavaScript код для контроля пользователем количества карточек на странице, то есть их появление и исчезновение при взаимодействии с кнопкой.