MoreLesson 273Preview gratis
Typical Device Breakpoints
Lesson ini bagian dari How To · Semua level
Ringkasan
Breakpoint adalah lebar layar tertentu tempat tata letak berubah, misalnya dari satu kolom menjadi dua kolom. Pendekatan mobile-first memakai min-width agar gaya dasar berlaku untuk layar kecil, lalu ditambah untuk layar lebih besar. Angka seperti 768px atau 1024px hanyalah titik awal; breakpoint terbaik ditentukan oleh kebutuhan konten.
Poin kunci
- Mobile-first memakai media query min-width dan gaya dasar untuk layar kecil.
- max-width dipakai jika ingin menimpa gaya pada layar yang lebih sempit.
- Breakpoint sebaiknya dipilih saat konten mulai terlihat sesak, bukan mengejar nama perangkat.
- Uji layout pada ukuran nyata karena lebar perangkat terus berubah.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.