Grid คืออะไร

เลย์เอาต์แบบตาราง

CSS Grid จัดลูกในภาชนะเป็นช่องตาราง (cells) ได้ทั้งแนวนอนและแนวตั้งพร้อมกัน เหมาะกับหน้าที่มีหัว เนื้อหา ไซด์บาร์ หรือการ์ดเรียงเป็นตาราง

คำสำคัญ

Grid container — พ่อที่ตั้ง display: grid

Grid items — ลูกโดยตรงของ container

Tracks — คอลัมน์และแถวที่กำหนดไว้