บทนี้จะได้อะไร

จุดประสงค์

จบบทนี้แล้ว คุณจะสร้างเลย์เอาต์แบบตารางด้วย CSS Grid ได้ กำหนดคอลัมน์/แถว ใช้ gap และ fr วางโซนด้วย areas เบื้องต้น และตัดสินใจได้ว่าเมื่อไหร่ควรใช้ Flex หรือ Grid

ระดับเป้าหมาย: Intro Web / วิชา CSS เลย์เอาต์ขั้นกลาง

Flex = แกนเดียวเป็นหลัก · Grid = สองมิติ (แถว+คอลัมน์พร้อมกัน) — บทนี้โฟกัส Grid แล้วเทียบกับสิ่งที่เรียนใน Flex