صفحه آرایی یکی از مهمترین مباحث در طراحی صفحات وب می باشد و همچنین از روزهای اول وب طراحان دائما درگیر آن موضوع بوده‌اند و همچنین به دنبال بهترین راه حل‌ها جهت آن هم می‌باشند. اولین راه حل صفحه آرایی بهره بری و استفاده از عنصرهای جدول در HTML بودند که از لحاظ معناشناسی وب بهره بری و استفاده از جدول جهت صفحه آرایی اشتباه بود. همچنین آن روش محدودیت های فرآوانی را داشت. بعد از طراحان صفحه آرایی را با بهره بری و استفاده از ویژگی Float انجام می‌دادند و همچنین البته آن روش همچنان بهره بری و استفاده می می شود. ولی باید توجه داشت آن روش نیز محدودیت‌ها و همچنین معظلات و مسائل و مشکلات مرتبط به خود را دائما داشته می باشد.

بعد از چندین سال شمسی بالاخره ماژول‌های صفحه آرایی به مرور وارد دنیای وب و همچنین سی‌اس‌اس شدند و همچنین رویای طراحان وب به واقعیت و حقیقت پیوست. در آن فصل با آن ماژول‌ها بطور کامل آشنا می‌شویم.

اول از همه ماژول چندستوی را معرفی می‌کنیم که با بهره بری و استفاده از آن هم می‌قدرت چیدمانی شبیه به چیدمان روزنامه‌ها و همچنین مجلات پیاده‌سازی کرد:

column-count
column-width
columns
column-gap
column-rule-color
column-rule-width
column-rule-style
column-rule
column-span
column-fill

سپس به سراغ ماژول پرقدرت فلکس‌باکس می‌رویم و همچنین کار با آن هم را بطور کامل فرا می‌گیرم:

flexbox

و همچنین در آخر تازه ترین و جدیدترین ماژول صفحه آرایی سی‌اس‌اس به نام گرید را با هم کاملا بررسی کردن می‌کنیم:

grid