Latihan 1: Typography — Tailwind CSS

Latihan 1 dari materi Typography di Tailwind CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Starter-nya punya <h1 id="title"> dan <p id="desc">. Biarkan id dan teksnya, lalu:

Beri judulnya class="text-2xl font-bold": 24px dan tebal.
Beri deskripsinya class="text-sm text-center": 14px dan rata tengah.

Yang dicek:

#title masih ada.
font-weight #title = 700 (font-bold).
text-align #desc = center (text-center).

Ukuran hurufnya juga dicek: font-size #title = 24px (text-2xl), dan font-size #desc = 14px (text-sm).

Hint

Tiap gaya teks punya class sendiri: ukuran pakai text- diikuti tingkatnya, tebal pakai font-, rata pakai text- diikuti arahnya.
Judul: text-2xl dan font-bold di h1 id title. Deskripsi: text-sm dan text-center di p id desc. Tebal itu font-bold, bukan text-bold.
<h1 id="title" class="text-2xl font-bold">Judul</h1> <p id="desc" class="text-sm text-center">Deskripsi singkat</p>

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Typography — Tailwind CSS

Hint

Memperbarui Aplikasi