Kuis Mobile-First & Responsive — UI/UX

Kuis materi Mobile-First & Responsive di UI/UX — uji pemahamanmu dengan pertanyaan pilihan ganda, penjelasan jawaban, dan skor langsung. Main gratis di Hyper Sheets.

Pertanyaan di kuis ini

  1. Mobile-first CSS menggunakan min-width atau max-width untuk media queries?
  2. Kamu design desktop-first dengan layout 3 kolom lalu pindah ke mobile. Yang sering terjadi:

  3. Halaman kamar Bu Sri memakai CSS mobile-first dari pelajaran: .page selebar paling banyak 1200px dengan padding 16px (24px mulai 768px); .rooms satu kolom, lalu tiga kolom dengan jarak 24px mulai 768px; dan kartu mendatar kalau wadahnya @container (min-width: 30rem), yaitu 480px. Untuk tiap lebar layar, isi lebar kartunya dan letak fotonya.