กลยุทธ์ breakpoint อย่างง่าย

อย่าเริ่มจากชื่อมือถือ

อย่าจำแต่ “iPhone = 390” · ให้ย่อหน้าต่างจนเลย์เอาต์เริ่มแน่นหรือบรรทัดยาวเกินไป แล้วค่อยใส่ breakpoint ตรงนั้น

ชุดเริ่มต้นที่พอใช้เรียน

• ฐาน: < 640px (คอลัมน์เดียว)

• min-width: 640px — เริ่มสองคอลัมน์ได้

• min-width: 768px หรือ 1024px — โครงเต็ม (ไซด์บาร์ / หลายคอลัมน์)