Boss Battle: Landing Page Layout

เป้าหมายของ Mission นี้: ประกอบทุก property ที่เรียนมาทั้ง Chapter เข้าเป็น หน้า Landing Page ฉบับสมบูรณ์

ทบทวน

Chapter นี้พาไล่ property พื้นฐานทีละตัว: display: flex → flex-direction → gap → justify-content → align-items → display: grid → grid-template-columns → max-width + margin (container) → @media (responsive) — Boss Battle คือการเอาทุกอย่างมารวมกันเป็นหน้าเว็บที่ใช้งาน ได้จริงบนทุกขนาดจอ

ไม่ต้องพิมพ์จากความจำล้วนๆ — ย้อนกลับไปอ่านเนื้อหาของแต่ละ Mission ก่อนหน้า ได้เสมอถ้าจำ property ไม่ได้