Misi: halaman pengumuman Pasar Daring Tani Lestari
Setelah pelajaran ini kamu bisa merapikan sebuah halaman dengan skala ukuran huruf, token jarak, dan lebar maksimum, lalu menjawab aturan hierarki dan skala dari USWDS dan GOV.UK.
±17 menit·Diperiksa 3 Okt 2026
Materi
Pengurus Pasar Daring Tani Lestari menerima keluhan bahwa halaman pengumuman sulit dibaca di ponsel dan judulnya tidak lebih besar daripada subjudul. Misi ini menggabungkan modul pertama. Mulai dari hierarki: h1 dan h2 mengambil ukuran dari token USWDS, dan hanya satu aksi utama. Lanjutkan ke jarak: setiap margin dan padding memakai token, bukan angka bebas. Tutup dengan wadah: lebar dibatasi max-width, bukan width tetap.
Setelah kode rapi, jawab pertanyaan tentang skala yang dipakai dua sistem desain. Hitung dengan tabel di pelajaran sebelumnya dan perhatikan apakah yang ditanya layar kecil atau layar besar.
Latihan
0/4 lulus
Misi akhir modul: luluskan minimal 4 dari 4 tugas. Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.
Latihan 2 dari 4
Halaman pendaftaran penjual punya tiga tombol default: "Daftar", "Unduh syarat", dan "Hubungi admin". Pernyataan mana yang sesuai GOV.UK Button?
Latihan 3 dari 4
Kaki halaman memakai padding atas unit 9 dari skala responsif GOV.UK. Berapa selisih padding itu antara layar besar dan layar kecil?
Latihan 4 dari 4
Halaman memakai grid-container USWDS dengan pengaturan bawaan. Berapa padding kiri wadah itu di ponsel?
Catatanmu
Memuat catatan…
tersimpan otomatis, ikut tercetak · 0/4.000
Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.
