responsif

Tag HTML yang digunakan untuk membuat sebuah kotak atau container adalah...

• <span>

• <div>

• <p>

• <section>

Properti CSS yang digunakan untuk mengatur warna latar belakang elemen adalah...

• color

• border-color

• background-color

• font-color

Kode CSS berikut akan memberikan efek apa pada elemen?

.box {

width: 200px;

height: 200px;

border-radius: 50%;

background-color: red;

}

• Membuat kotak berwarna merah

• Membuat lingkaran berwarna merah

• Membuat garis tepi merah

• Membuat bayangan merah

Apa tujuan utama dari desain web responsif?

• Meningkatkan kecepatan loading halaman

• Mengurangi penggunaan gambar dalam website

• Menghilangkan elemen animasi dari desain

• Memastikan website berfungsi di berbagai ukuran layar

Apa fungsi utama dari media query dalam CSS?

• Fungsi utama dari media query adalah untuk membuat desain responsif.
• Fungsi utama dari media query adalah untuk mengoptimalkan gambar.
• Fungsi utama dari media query adalah untuk mengubah warna teks.
• Fungsi utama dari media query adalah untuk menambahkan animasi.

Berikut adalah contoh penulisan media query yang benar:

• @media (max-width: 768px) { body { background: red; } }

• mediay(768px) { body: red; }

• @media { body(width: 768px) { background: red; } }

• if screen.width = 768px { background = red; }

Jika ingin menerapkan gaya hanya pada layar dengan lebar kurang dari 600px, maka sintaks yang benar adalah…

• @media (min-width: 600px) { }

• @media (max-width: 600px) { }

• @media screen (max-width: 600px) { }

• @media only mobile { }

Jika ingin memastikan sebuah elemen tidak lebih besar dari layar pengguna, properti CSS yang digunakan adalah

• width: 100px;

• max-width: 100%;

• height: auto;

Perintah @media (min-width: 1024px) akan diterapkan pada layar dengan ukuran…

• Kurang dari 1024px

• Sama dengan 1024px

• Lebih dari atau sama dengan 1024px

• Lebih kecil dari 1024px

Apa kegunaan flex-wrap: wrap; dalam Flexbox?

• Mengatur elemen agar tetap dalam satu baris

• Memastikan elemen berpindah ke baris baru saat layar lebih kecil

• Menambahkan margin otomatis pada elemen

• Menyusun elemen menjadi grid