PATI – Kepedulian terhadap masyarakat yang terdampak kekeringan terus diwujudkan oleh Pusat Komunitas Pati (Puskom Pati). Pada Rabu, 4 November 2026, Puskom Pati menggelar kegiatan sosial distribusi air bersih di Dukuh Ngrandu, Desa Alasdowo, Kecamatan Dukuhseti, Kabupaten Pati, Jawa Tengah. Kegiatan bertajuk Puskom Pati Peduli Kekeringan Pati ini merupakan bentuk kepedulian dan solidaritas warga Pati terhadap masyarakat yang membutuhkan bantuan air bersih. Melalui kegiatan ini, Puskom Pati ingin menghadirkan manfaat nyata bagi masyarakat sekaligus menghidupkan kembali semangat gotong royong dan persaudaraan. Bagi Puskom Pati, kepedulian terhadap kampung halaman merupakan tanggung jawab bersama. Tidak hanya bagi masyarakat yang tinggal di Kabupaten Pati, tetapi juga warga Pati yang kini berada di berbagai daerah perantauan. Kegiatan sosial ini menjadi salah satu wujud bahwa jarak tidak menjadi penghalang untuk tetap peduli dan berbagi kepada sesama. Puskom Pati berharap gerakan keped...
TUTORIAL WEB PROGRAMMING - BELAJAR DAN PRAKTEK INLINE GRID DI HTML CSS - TEMPAT BELAJAR WEB PROGRAMMING DI CILEUNGSI, CIBUBUR, SETU, GUNUNG PUTRI
📘 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 { ...