CSS GridLesson 85Preview gratis
Grid Items
Lesson ini bagian dari CSS · Semua level
Ringkasan
Setiap anak dari grid container dapat ditempatkan secara eksplisit memakai `grid-column` dan `grid-row`, atau memakai nama area `grid-area`. Kedua nilai pada properti tersebut menandai garis awal dan garis akhir, sehingga item bisa membentang beberapa sel. Jika dua item ditempatkan pada sel yang sama, keduanya akan tumpang tindih dan dapat diatur lapisannya dengan `z-index`.
Poin kunci
- `grid-column: span 3` membuat item melebar tiga kolom
- `grid-column: 1 / 3` menandai mulai dari garis 1 sampai garis 3
- `grid-area: nama` menempatkan item pada area bernama dari `grid-template-areas`
- Item yang beririsan bisa diatur prioritasnya dengan `z-index`
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.