HTML & CSS LayoutLesson 25Preview gratis
Responsive Design
Lesson ini bagian dari Intro to HTML & CSS · Semua level
Ringkasan
Desain responsif membuat halaman tampil baik di ponsel, tablet, maupun desktop. Materi ini membahas meta viewport, media query, dan pendekatan mobile-first. Dengan teknik ini, satu halaman dapat melayani semua ukuran layar tanpa membuat versi terpisah.
Poin kunci
- Meta viewport membuat lebar konten mengikuti lebar perangkat
- Media query menerapkan gaya hanya pada kondisi tertentu, misalnya lebar layar
- Mobile-first: mulai dari tampilan sederhana lalu tambahkan kompleksitas untuk layar besar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.