Latihan 1: Display & Visibility — Tailwind CSS

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

Kode awal sudah punya dua div. Atur cara keduanya tampil, cuma pakai class:

  1. Tambahkan class="inline-block" di <div id="visible">. Teksnya tetap Terlihat.
  2. Tambahkan class="invisible" di <div id="ghost">. Teksnya tetap Hantu.

Yang dicek:

Hasilnya, Hantu gak kelihatan, tapi tempatnya tetap ada.

Hint