Latihan 1 dari materi Font Weight & Pairing di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya kartu Kamar Teras dari materi: tiga paragraf dengan class title, subtitle, dan body. Di <style> subjudulnya sudah dibuat lebih kecil dan abu-abu (font-size: 0.875rem, color: #475569), supaya bedanya dengan isi gak cuma dari tebal. Bikin hierarki tebalnya:
.title: font-weight: 700 (Bold)..subtitle: font-weight: 500 (Medium). Tambahkan di aturan .subtitle yang sudah ada, atau di aturan baru..body sudah 400 (Regular), tebal bawaan <p>. Kamu boleh menulis .body { font-weight: 400; } supaya niatmu jelas, tapi itu gak dicek. Tiga elemen <p>, class-nya, dan teksnya biarkan seperti di kode awal.
