แผนฝึกบทที่ 9
แบบฝึกปฏิบัติ
ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้
สร้างแถว flex ง่าย ๆ สามกล่อง แล้วลอง justify-content ทุกค่าหลัก
ทำแถบ nav โลโก้ซ้ายลิงก์ขวา
ทำแถวการ์ด 3–4 ใบพร้อม wrap และ gap
ทำ hero กึ่งกลางด้วย column + min-height
รวม nav + hero + cards ในหน้าเดียว
ปรับการ์ดด้วย flex: 1 1 220px แล้วทดลองย่อหน้าจอจนห่อสวย