Siapkan jawaban terbaik seputar perbedaan inline vs block, spesifisitas selektor, stacking context z-index, dan Flexbox vs Grid.
CSS Interview Prep
Contoh Kode CSS Interview Prep:
<!DOCTYPE html>
<html>
<head>
<style>
.tanya-jawab { font-family: sans-serif; background: #f8fafc; border: 1px solid #e2e8f0; padding: 20px; border-radius: 8px; }
.tanya { font-weight: bold; color: #0d2e5c; }
.jawab { color: #334155; margin-top: 5px; }
</style>
</head>
<body>
<div class="tanya-jawab">
<div class="tanya">Q: Kapan sebaiknya menggunakan Flexbox vs CSS Grid?</div>
<div class="jawab">A: Gunakan Flexbox untuk tata letak satu dimensi (baris atau kolom tunggal). Gunakan CSS Grid untuk tata letak dua dimensi yang mengatur baris dan kolom secara bersamaan.</div>
</div>
</body>
</html>
Uji dan amati bagaimana deklarasi CSS CSS Interview Prep mengubah tampilan elemen di atas.