Latihan 1 dari materi Font Size & Scale di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya halaman kamar Homestay Kabut: judul <h1>, subjudul <h2>, satu paragraf <p>, dan tag <style> yang masih kosong. Terapkan type scale rasio 1,5 dari 16px, pakai rem, dengan menulis aturan CSS di dalam <style>:
h1: font-size: 2.25rem (36px).
h2: font-size: 1.5rem (24px) dan font-weight: 600.
p: line-height: 1.6.
h1 sudah tebal 700 dan p sudah 16px (1rem) bawaan browser. Kamu boleh menulisnya supaya niatmu jelas di kode, tapi dua nilai itu gak dicek. Tiga elemen HTML-nya dan teksnya biarkan seperti di kode awal.
Hint
Type scale mengalikan ukuran dasar dengan rasio yang sama tiap naik satu tingkat: 16, lalu 16 × 1,5 = 24, lalu 24 × 1,5 = 36. Dalam rem, bagi px dengan 16.
Tulis tiga aturan di dalam <style>: h1 dengan font-size, h2 dengan font-size dan font-weight, p dengan line-height tanpa satuan.