NEW
Font size
WorksheetsQuiz tentang CSS Grid Layout
Total questions: 16
Worksheet time: 8mins
Apa itu CSS Grid Layout?
Sistem tata letak statis
Sistem tata letak tiga dimensi
Sistem tata letak dua dimensi
Sistem tata letak satu dimensi
Bagaimana cara mendefinisikan elemen HTML sebagai grid container?
Dengan menetapkan properti display ke grid
Dengan menetapkan properti display ke flex
Dengan menetapkan properti display ke block
Dengan menetapkan properti display ke inline
Apa fungsi dari properti grid-template-columns?
Menentukan ukuran kolom
Menentukan ukuran baris
Menambahkan jarak antar elemen
Menempatkan elemen grid
Apa yang dilakukan properti gap dalam CSS Grid?
Menambahkan jarak antar kolom dan baris
Menentukan ukuran kolom
Menempatkan elemen grid
Mengatur tata letak responsif
Apa yang dimaksud dengan unit fr dalam CSS Grid?
Unit tetap
Unit proporsional
Unit dinamis
Unit absolut
Apa fungsi dari fungsi minmax() dalam CSS Grid?
Menentukan area grid
Menambahkan jarak antar elemen
Mengulangi definisi kolom
Menentukan ukuran minimum dan maksimum
Apa yang dilakukan fungsi repeat() dalam CSS Grid?
Menentukan ukuran kolom
Menempatkan elemen grid
Mengulangi definisi kolom atau baris
Menambahkan jarak antar elemen
Apa yang dimaksud dengan grid-template-areas?
Menambahkan jarak antar elemen
Mendefinisikan tata letak grid menggunakan nama area
Menentukan ukuran kolom
Menentukan ukuran baris
Apa yang dilakukan properti grid-auto-flow?
Menambahkan jarak antar elemen
Menentukan ukuran kolom
Menentukan bagaimana elemen grid ditempatkan
Mengatur tata letak responsif
Apa yang dimaksud dengan grid implicit?
Baris dan kolom yang ditentukan secara eksplisit
Baris dan kolom yang ditambahkan otomatis
Area grid yang tidak terpakai
Elemen grid yang tidak terdefinisi
Bagaimana CSS Grid dapat digunakan untuk desain responsif?
Dengan menambahkan jarak antar elemen
Dengan menggunakan flexbox
Dengan menggunakan media query
Dengan mendefinisikan ukuran tetap
Apa keuntungan menggabungkan CSS Grid dengan Flexbox?
Menciptakan desain yang lebih kaku
Mengurangi kompleksitas desain
Menciptakan desain yang lebih fleksibel
Membuat elemen tidak teratur
Apa yang harus dilakukan untuk mengatur konten dalam baris dan kolom?
Menggunakan HTML saja
Menggunakan JavaScript
Menggunakan CSS Grid
Menggunakan CSS Flexbox
Apa yang dimaksud dengan grid template dalam CSS Grid?
Menentukan ukuran elemen grid
Mendefinisikan struktur grid menggunakan nama
Menambahkan efek transisi
Menentukan warna latar belakang grid
Bagaimana cara mengatur elemen grid agar mengisi ruang yang tersedia?
Dengan menggunakan properti grid-auto-rows
Dengan menggunakan properti grid-template-rows
Dengan menggunakan properti align-items
Dengan menggunakan properti justify-items
Apa yang dimaksud dengan grid area dalam CSS Grid?
Area yang ditentukan untuk elemen grid
Jarak antar elemen grid
Ukuran kolom dalam grid
Nama untuk elemen grid
