เมื่อไหร่ใช้ Flex เมื่อไหร่ใช้ Grid

เลือกเครื่องมือให้ตรงงาน

Flex — แถบนำทาง ปุ่มเรียงแถว จัดกึ่งกลางแกนเดียว รายการที่ “ไหล” ตามเนื้อหา

Grid — โครงหน้าทั้งหน้า การ์ดเป็นตาราง โซน header/sidebar/main ที่ต้องจัดสองมิติ

ใช้ร่วมกันได้

โครงนอกเป็น Grid · แถบเมนูข้างในเป็น Flex — เป็นแพทเทิร์นที่พบบ่อยและถูกต้อง