Skip to content

Latest commit

 

History

History

CSS-Grid

README.MD

🎨 Belajar CSS Grid

Repositori ini berisi panduan terstruktur untuk mempelajari CSS Grid mulai dari dasar hingga konsep lanjutan. Dengan menggunakan repositori ini, kamu dapat memahami cara membangun layout web yang kompleks dan responsif dengan mudah.

📁 Struktur Folder

  • 📂 1-Pendahuluan — Pengantar CSS Grid
  • 📂 *2-Terminologi — Istilah penting dalam CSS Grid
  • 📂 3-Columns & Rows — Memahami kolom dan baris

📚 Ringkasan Materi

1️⃣ Pendahuluan

  • Apa itu CSS Grid?
  • Alasan menggunakan CSS Grid.
  • Sintaks dasar dan cara mengatur grid container.

2️⃣ Terminologi

  • Mengenal Grid Container dan Grid Items.
  • Memahami istilah seperti grid lines, grid tracks, dan grid cells.
  • Penggunaan grid gap, grid area, dan satuan fr.

3️⃣ Kolom & Baris

  • Cara mendefinisikan kolom dan baris menggunakan grid-template-columns dan grid-template-rows.
  • Penggunaan satuan seperti fr, %, px, dan auto.
  • Mengatur jarak antar elemen dengan grid-gap.

📚 Referensi