📘 Materi: display: inline-grid di CSS ✅ 1. Pengertian inline-grid inline-grid adalah sebuah nilai dari properti display di CSS yang membuat elemen menjadi grid container dan tetap berperilaku seperti elemen inline. Artinya: Elemen tetap mengikuti alur dokumen (tidak mengambil seluruh baris seperti block), Tetapi anak-anaknya bisa diatur dalam baris dan kolom menggunakan Grid Layout. 🔄 2. Perbedaan grid vs inline-grid Properti grid inline-grid Aliran dokumen Block (penuh satu baris) Inline (mengalir di sebelah elemen lain) Layout anak Grid Grid Kegunaan Umum untuk kontainer besar Untuk komponen kecil atau inline grid layout 🧱 3. Sintaks Dasar .container { display: inline-grid; grid-template-columns: 100px 100px; grid-template-rows: auto; gap: 10px; } 📦 4. Contoh HTML + CSS <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> .wrapper { fo...
Info - 0821 2038 8854