PakKoding Edukasi Teknologi
Masuk Daftar
Kembali ke Pilih Materi
Progres Kursus 0%
CSS

Pengenalan Flexbox

Cara termudah menyusun kotak agar berjejer ke samping.

Penjelasan Lengkap

Flexbox adalah cara modern yang paling sering dipakai untuk menyusun tata letak website.

display: flex : Perintah "Ajaib" yang membuat semua isi di dalam kotak otomatis berjejer ke samping .
justify-content : Mengatur posisi horisontal (misal: center agar semua isi ke tengah).
gap : Memberi jarak antar kotak yang sedang berjejer agar tidak menempel rapat.
Contoh Kode
<div style="display: flex; gap: 10px;">
    <div style="background: red;">Kiri</div>
    <div style="background: blue;">Kanan</div>
</div>
Hasil Tampilan
Hasil Preview
Tugas Praktik (Pertanyaan)

Nilai apa yang diberikan pada properti "display" agar elemen-elemen di dalamnya berjejer secara horizontal (ke samping)?