MARGIN DAN PADDING

 Apa bedanya margin dan padding?

Coba bayangin elemen itu kayak badan kita.
Padding itu baju dalam, biar badan gak langsung kena baju luar.
Margin itu jarak antar orang — biar gak dempetan.
Simpel kan?

💥 Kena langsung ke pemahaman.

🔍 Biar Nggak Bikin Gila: Ringkasan Singkat

Properti	Fungsi	Efek Ke Layout
padding	Ruang di dalam elemen (isi ↔ border)	Membesarkan elemen
margin	Ruang di luar elemen (border ↔ elemen lain)	Dorong elemen lain

🔮 Contoh UI-nya:

+------------------------------+
| Container (padding: 20px)   |
|  +-----------------------+  |
|  | Widget (margin: 20px) |  |
|  |                       |  |
|  +-----------------------+  |
+------------------------------+

→ Kamu atur semua itu real-time via slider


.card {
  padding: 2rem;           /* Napas buat konten */
  margin-bottom: 1.5rem;   /* Jarak antar kartu */
  max-width: 700px;        /* Supaya baca nyaman */
}


====================

padding: 14px 28px;

----------

padding-top: 14px;

padding-bottom: 14px;

padding-left: 28px;

padding-right: 28px;

================