Mission 3: Gap

เป้าหมายของ Mission นี้: เว้นระยะระหว่าง flex item ด้วย gap

gap

gap กำหนดระยะห่างระหว่าง item ทุกตัวใน flex container พร้อมกันทีเดียว — สะดวกกว่าการตั้ง margin ให้แต่ละ item เอง เพราะเว้นเท่ากันหมดอัตโนมัติ

Demo

.wrapper {
  display: flex;
  gap: 1rem;
}