🎨 CSS Layouting

Selamat datang di repository CSS Layouting! 🚀
Repository ini berisi kumpulan latihan untuk memahami konsep dasar hingga lanjutan dalam membuat layout menggunakan CSS.

📁 Struktur Folder

• 📂 Hack-CSS-Reset — Contoh reset CSS alternatif
• 📂 Hack-Clear-Float — Teknik mengatasi masalah float tanpa menggunakan clear fix
• 📂 Latihan 1 Display — Pengenalan properti display (block, inline, inline-block, none)
• 📂 Latihan 2 Dimensi & Overflow — Mengatur dimensi elemen dan mengelola overflow
• 📂 Latihan 3 Margin — Mengatur margin dan memahami konsep margin collapsing
• 📂 Latihan 4 Padding (Border & Box Sizing) — Properti padding dan model box sizing
• 📂 Latihan 5 CSS Reset — Cara melakukan reset default styling browser
• 📂 Latihan 6 Website Box Model — Membangun layout berdasarkan konsep box model
• 📂 Latihan 7 Float — Membuat layout menggunakan float
• 📂 Latihan 8 Clear — Mengatasi masalah clear setelah menggunakan float
• 📂 Latihan 9 Website Float — Studi kasus layout website sederhana menggunakan float
• 📂 Latihan 10 Position Static & Relative — Pengenalan properti posisi static dan relative
• 📂 Latihan 11 Position Absolute & Fixed — Penggunaan absolute dan fixed untuk penempatan elemen
• 📂 Latihan 12 Position Z-index — Mengelola layering elemen dengan z-index
• 📂 Latihan 13 Website Position — Studi kasus layout website dengan berbagai teknik positioning

📌 Materi yang Dipelajari

✅ Dasar-dasar layouting dengan CSS
✅ Teknik float dan clear untuk layout
✅ Memahami box model dan positioning
✅ Cara mengelola stacking context dengan z-index
✅ Studi kasus sederhana membangun layout website

🎯 Tujuan Pembelajaran

• Menguasai teknik layouting dasar menggunakan CSS
• Memahami konsep box model, positioning, float, dan clear
• Mampu membangun layout sederhana tanpa framework

📚 Referensi

• https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F

•