MoreLesson 210Preview gratis
Responsive Floats
Lesson ini bagian dari How To · Semua level
Ringkasan
Responsive floats mengatur elemen yang mengapung berdampingan di layar lebar, lalu menumpuk vertikal di layar kecil. Pola klasiknya memakai float: left dan width persentase, kemudian media query mengubahnya menjadi float: none dan width: 100%. Saat ini flexbox atau grid lebih disarankan, tetapi memahami float tetap berguna untuk merawat kode lama.
Poin kunci
- Float memungkinkan elemen berjajar, tetapi perlu clear agar induk tidak kolaps
- Gunakan lebar persentase agar beberapa kolom muat dalam satu baris
- Media query dapat mengubah float menjadi none pada layar sempit
- Flexbox dan grid adalah pilihan modern yang lebih mudah diatur
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.