CSS ResponsiveLesson 88Preview gratis
RWD Intro
Lesson ini bagian dari CSS · Semua level
Ringkasan
Responsive Web Design (RWD) membuat satu halaman menyesuaikan diri dengan berbagai ukuran layar, dari ponsel hingga desktop, tanpa perlu membuat situs terpisah. Teknik utamanya adalah tata letak fleksibel berbasis persen, gambar yang dapat diskalakan, dan media query sebagai pengatur breakpoint. Praktik mobile-first umum dipakai agar pengalaman layar kecil menjadi fondasi desain.
Poin kunci
- Satu halaman harus nyaman dilihat di ponsel, tablet, dan desktop
- Teknik inti: tata letak fleksibel, media query, dan gambar/video proporsional
- Breakpoint adalah titik lebar layar tempat gaya berubah
- Mobile-first: gaya dasar disiapkan untuk layar kecil lalu diperluas dengan `min-width`
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.