Latihan 1 dari materi Warna & Background di Tailwind CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Starter-nya sudah punya <p id="judul"> dan <div id="kotak">. Biarkan id-nya, lalu:
Tambahkan class="text-blue-600" ke <p id="judul">, supaya hurufnya biru.
Tambahkan class="bg-yellow-100" ke <div id="kotak">, supaya latarnya kuning muda.
Teksnya bebas, boleh dibiarkan seperti di starter.
Yang dicek:
#judul dan #kotak masih ada.
Kodenya berisi text-blue-600 dan bg-yellow-100.
text-blue-600 ada di elemen #judul, dan bg-yellow-100 ada di elemen #kotak.
Hint
Warna huruf pakai awalan text-, warna latar pakai awalan bg-. Keduanya diikuti nama warna dan angka shade.
Pasang class-nya di dua elemen yang beda: warna huruf di p id judul, warna latar di div id kotak. Biru tingkat 600, kuning tingkat 100.