Mengubah struktur materi spacing CSS berdasarkan guideline

[mnindrazaka]

Berikut struktur materi berdasarkan guideline, silahkan berikan komentar apabila ada yang perlu ditambahkan

1. Permasalahan

Pada pembuatan website, terkadang kita butuh memberikan jarak antara elemen satu dengan elemen yang lain, atau memberikan jarak pada konten dari suatu elemen. Hal ini bertujuan agar tampilan website kita sesuai dengan layout yang didesain.

2. Penjelasan Materi Sebagai Solusi

Pada CSS, kita dapat mengatur jarak antara elemen menggunakan margin, sedangkan jarak pada konten dari suatu elemen menggunakan padding.

3. Penjelasan Detail Materi

• Dijelaskan perbedaan dari margin dan padding
• Dijelaskan beberapa property margin dan padding pada CSS, seperti :
  • margin (top, bottom, left, right)
  • padding (top, bottom, left, right)

4. Contoh Kasus

Diberikan langkah - langkah untuk membuat sebuah halaman web yang memiliki judul dan paragraf.

Untuk contoh kasus margin, Dijelaskan cara untuk memberikan jarak antara judul dan paragraf.

Sedangkan untuk padding, paragraf yang tadi sudah ada diberi border, sehingga terlihat bahwa kontennya terlalu dekat dengan border. Sehingga dibutuhkan padding untuk memberikan jarak dari border tersebut.

file terkait :
https://github.com/wrideveloper/miniclass-web/blob/master/dasar/css/spacing.md