TablesLesson 161Preview gratis
Side-by-side Tables
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas cara menempatkan dua tabel secara berdampingan. Pendekatan modern menggunakan flexbox atau grid pada pembungkus, sedangkan float masih ditemukan pada kode lama. Pada layar sempit, tabel sebaiknya ditumpuk vertikal agar tetap terbaca dan tidak memaksa pengguna menggulir horizontal.
Poin kunci
- Bungkus kedua tabel dalam kontainer dan atur display: flex atau grid
- Gunakan gap untuk memberi jarak antar tabel tanpa margin tambahan
- Atur lebar tabel anak agar seimbang, misalnya flex: 1
- Tambahkan media query untuk menumpuk tabel secara vertikal pada layar kecil
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.