Mission 2: Direction

เป้าหมายของ Mission นี้: กำหนดทิศทางการเรียงด้วย flex-direction

flex-direction

flex-direction กำหนดว่า flex item เรียงตัวไปทางไหน — row (แนวนอน, ค่าเริ่มต้น) หรือ column (แนวตั้ง) ลองเปลี่ยนดูจะเห็นว่าการ์ดเปลี่ยนจากเรียง ข้างกันเป็นเรียงต่อกันลงมาทันที

Demo

.wrapper {
  display: flex;
  flex-direction: row;
}