สรุปบทที่ 12

สิ่งที่ควรทำได้แล้ว

• ใส่ viewport meta และอธิบายหน้าที่ของมัน

• เขียนแบบ mobile-first ด้วย min-width

• ใช้ @media ปรับกริดและระยะ

• ทำรูปไหลด้วย max-width: 100%

• วาง breakpoint จากเนื้อหา ไม่จากชื่อเครื่องอย่างเดียว

• หลีกเลี่ยงความกว้างตายตัวที่ทำให้เลื่อนข้าง

บทต่อไป: Motion — transition และ animation ที่ไม่รบกวนการอ่านและเข้าถึงได้