CSS Grid یا همان CSS Grid Layout که بین طراحان وب با نام Grid نیز صدا زده می شود، اولین ماژول زبان CSS است که برای طراحی دو بعدی (محور X و Y) طراحی شده است. در واقع CSS Grid تنها صحیح طراحی صفحات وب بدون استفاده از ترفند های مختلف است! آیا باورتان می شود که این همه سال طول کشیده است تا بالاخره به چنین تکنولوژی ساده ای دست پیدا کنیم؟ واقعا عجیب است! البته اینطور نیست که Flexbox دیگر منسوخ شده باشد. امروزه معمولا Flexbox را با Grid ترکیب می کنند تا از قدرت ترکیبی هر دو استفاده کنند. اکثر طراحان وب کارکشته می دانند که این Flexbox و Grid واقعا مکمل یکدیگر هستند. برای درک کاربرد CSS Grid ابتدا باید کمی در رابطه با تاریخچه ی موقعیت دهی به عناصر در زبان CSS صحبت کنیم. زبان CSS همیشه در موقعیت دهی به عناصر مختلف و طراحی چیدمان صفحات وب نقش اصلی را داشته است اما هیچ وقت این کار را به خوبی انجام نداده است.
پنل نویسندگان