NEW
Font size
WorksheetsQuiz tentang Layout Responsive dengan HTML dan CSS
Total questions: 10
Worksheet time: 5mins
Apa yang dimaksud dengan layout responsive?
Teknik untuk mengoptimalkan gambar
Teknik untuk membuat website hanya untuk desktop
Teknik untuk membuat website terlihat optimal di berbagai perangkat
Teknik untuk menambahkan animasi pada website
Apa fungsi dari meta tag viewport?
Mengatur ukuran viewport dan skala halaman web
Menambahkan gambar ke halaman web
Mengatur warna latar belakang
Menambahkan efek transisi
Apa yang dilakukan media queries dalam CSS?
Mengubah warna teks
Mengatur ukuran font
Menambahkan gambar ke halaman web
Menerapkan gaya CSS yang berbeda berdasarkan karakteristik perangkat
Apa yang terjadi pada sidebar ketika lebar layar kurang dari atau sama dengan 768px?
Sidebar ditampilkan dengan lebar 50%
Sidebar disembunyikan
Sidebar ditampilkan dengan warna berbeda
Sidebar ditampilkan di atas konten utama
Apa yang digunakan untuk mengatur layout konten dalam baris dan kolom?
Flexbox
Position
Grid layout
Float
Apa yang dilakukan kode CSS '.container { display: grid; }'?
Mengatur elemen dalam grid
Mengatur elemen dalam flexbox
Mengatur elemen menjadi inline
Mengatur elemen menjadi block
Apa yang harus dilakukan untuk mengoptimalkan gambar pada layout responsive?
Menggunakan gambar berformat JPEG saja
Menggunakan gambar berformat PNG saja
Menggunakan gambar dengan ukuran yang sama untuk semua perangkat
Menggunakan gambar dengan ukuran yang berbeda untuk berbagai perangkat
Apa yang dimaksud dengan 'flex-wrap' dalam CSS?
Mengatur warna latar belakang
Membungkus konten jika tidak muat dalam satu baris
Mengatur jarak antar elemen
Mengatur ukuran font
Apa yang dilakukan kode CSS '@media (max-width: 768px)'?
Menerapkan gaya untuk layar dengan lebar maksimum 768px
Mengatur ukuran font untuk semua layar
Mengubah warna teks untuk semua layar
Menambahkan gambar untuk layar kecil
Apa yang harus dilakukan untuk menguji layout responsive?
Uji layout di berbagai browser dan perangkat
Uji layout hanya di smartphone
Uji layout hanya di satu browser
Uji layout hanya di desktop
