Latihan 1: Overflow Tailwind: Class Scroll dan Hidden — Tailwind CSS

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

Bikin kotak berisi 6 paragraf yang bisa di-scroll ke bawah.

  1. Di <div id="scroll-box"> yang sudah ada, tambahkan atribut class.
  2. Isi class-nya: overflow-y-auto h-32 p-4.
  3. Enam paragraf (Paragraf 1 sampai Paragraf 6) sudah ada di kode awal, biarkan.

Yang dicek pemeriksa: overflow-y di #scroll-box bernilai auto (dari overflow-y-auto), dan padding-nya 16px (dari p-4). Tingginya juga dicek: height persis 128px (dari h-32). Tanpa tinggi tetap, kotaknya ikut memanjang dan gak ada yang bisa di-scroll.

Hint