ImagesLesson 92Preview gratis
Portfolio Gallery
Lesson ini bagian dari How To · Semua level
Ringkasan
Portfolio gallery menampilkan karya dalam grid kartu yang rapi, lengkap dengan judul dan kategori. Setiap kartu biasanya berupa tautan ke detail proyek dan memiliki overlay saat hover. Grid responsif memastikan galeri tetap enak dilihat di desktop maupun ponsel.
Poin kunci
- CSS Grid dengan auto-fit membuat kartu portfolio responsif.
- Setiap proyek sebaiknya berupa tautan agar dapat dibuka detailnya.
- Overlay gradien di bagian bawah menjaga judul tetap terbaca.
- object-fit: cover membuat gambar proyek seragam tanpa distorsi.
- Efek hover ringan memberi umpan balik pada kartu.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.