تکنیک CSS grid layout یا CSS grid یک تکنیک در CSS است که به توسعه‌دهندگان وب کمک می‌کند طرح‌های پیچیده مربوط به ریسپانسیو (Responsive) یا واکنش گرا بودن صفحات وب را با دردسر کمتری پیاده‌سازی کنند. طراحی صفحات وب به کمک grid (شبکه) به ما کمک می‌کند به راحتی صفحات وب را به بخش‌های مختلف تقسیم کنیم به طوری که این بخش‌ها با هم تداخلی نداشته باشند.
یکی از راه‌های پیاده‌سازی صفحات ریسپانسیو استفاده از CSS grid است. البته به جز CSS grid متدهای دیگری هم برای کنترل لایه‌های مختلف صفحه وب وجود دارند، مانند جداول (tables)، Box model یا CSS FlexBox که هرکدام مزایا و معایب خودشان را دارند.
ویدیو آموزشی :
