Home

Kelas

Pengantar Website Development

Membuat Section Kategori Produk

Kelas Pengantar Website Development

Membuat Section Kategori Produk

Gratis
Kamu ada pertanyaan terkait materi ini?
Tanya Copilot AI
Membuat Section Kategori Produk

Video ini membahas pembuatan section kategori produk dalam website development dengan menggunakan kombinasi flexbox dan grid. Penjelasan meliputi pembagian container parent dengan dua child, yaitu kategori produk dan bento menu. Proses pengaturan layout dan styling dilakukan dengan display flex, pengaturan jarak, dan penggunaan align items serta justify content. Selain itu, video juga menjelaskan implementasi konten seperti ikon dan teks pada item kategori produk, serta penggunaan hover state untuk efek visual seperti perubahan warna dan shadow. Selanjutnya, penjelasan mencakup cara mengatur ukuran, warna, dan blur pada shadow, serta memberikan saran untuk melanjutkan pengisian konten dan penyesuaian kursor pada hover state.

Level

Pengajar