สรุปบทที่ 10

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

• เปิด Grid ด้วย display: grid

• ตั้ง grid-template-columns / rows และ gap

• ใช้ fr แบ่งพื้นที่เหลือ และคร่อมช่องด้วย line / span

• วางโซนด้วย grid-template-areas เบื้องต้น

• เลือก Flex vs Grid และใช้ร่วมกันอย่างมีเหตุผล

• หลีกเลี่ยงการลืม container และการเข้าใจผิดเรื่องลูกซ้อน