นอกจาก Flexbox แล้ว สามารถใช้ Grid Layout Module ออกแบบเว็บด้วย Grid แถวและคอลัมน์
องค์ประกอบของ Grid Layout:
- Grid Elements — Parent (Container) และ Child (Items)
- Grid Rows — เส้นแนวนอนของ Grid Items
- Grid Columns — เส้นแนวตั้งของ Grid Items
- Grid Gaps — ช่องว่างระหว่าง Rows และ Columns
- Grid Lines — เส้นแบ่งระหว่าง Tracks
- Grid Areas — พื้นที่รวมหลาย Cells
ความต่างกับ Flexbox: Flexbox จัดวาง 1 มิติ (Row หรือ Column) Grid จัดวาง 2 มิติ (Row + Column พร้อมกัน)
