طرح بندی و لایه بندی با CSS شبیه به پازل هست. 

قبلا طرح بندی صفحات بصورت چندستونه بود اما امروزه بصورت Grid هست.

در این دوره، از مدل‌های چیدمان سنتی و چندستونه یک گام به عقب برگردید و یاد بگیرید که چگونه از قابلیت‌های جدید CSS Grid برای ساخت محیط های کاربری جذاب، کارآمد و واکنش‌گرا استفاده کنید.

همراه مارتین باشید تا نحوه ایجاد طرح‌بندی‌های کامل، طرح‌بندی‌های چند ستونی و طرح‌بندی‌های مبتنی بر کارت پیشرفته (card-based) را توضیح دهد.

مارتین نشان می دهد که چگونه لایه بندی صفحه را بصورت ریسپانسیو انجام دهید تا در انواع نمایشگرها درست نشان داده شود.

مطالب این دوره آموزشی عبارت است از:

• Defining a grid
• Grid lines and units
• Automatic and manual grid item placement
• Planning for grid layouts
• Starting your layouts with pen and paper
• Multicolumn layouts
• Full-bleed single column layouts
• Making the grid responsive
• Various card layouts
• Accessible off-screen navigation layouts