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