สรุปบทที่ 9

สิ่งที่ควรทำได้แล้ว

• เปิด display: flex และแยก container / item

• อธิบาย main vs cross axis และผลของ direction

• ใช้ justify-content, align-items, gap, flex-wrap

• สร้าง nav แถว, แถวการ์ด, hero กึ่งกลาง

• หลีกเลี่ยงการสลับแกนและตั้ง flex ผิดชั้น

บทต่อไป: CSS Grid — เมื่อเลย์เอาต์ต้องการสองมิติพร้อมกันทั้งแถวและคอลัมน์