WebsiteLesson 304Preview gratis
Center Website
Lesson ini bagian dari How To · Semua level
Ringkasan
Memusatkan konten website berarti menempatkan blok utama di tengah area pandang tanpa membuatnya melebar penuh. Cara paling umum adalah memberi lebar maksimum lalu memakai margin kiri dan kanan otomatis. Untuk memusatkan elemen secara vertikal atau memusatkan isi kartu, flexbox dan grid menawarkan solusi yang lebih terkontrol.
Poin kunci
- Gunakan max-width dan margin: 0 auto untuk memusatkan blok konten
- text-align: center hanya memusatkan teks dan elemen inline di dalamnya
- Flexbox dengan justify-content dan align-items memusatkan dua arah
- Hindari position: absolute sebagai cara utama memusatkan konten
- Selalu uji di layar kecil agar konten tidak melebihi viewport
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.