Latihan 1: Position dan z-index Tailwind: Class Lengkap — Tailwind CSS

Latihan 1 dari materi Position dan z-index Tailwind: Class Lengkap di Tailwind CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Buat <div id="parent"> dengan relative dan h-32. Di dalamnya, buat <div id="badge"> dengan absolute, top-0, right-0, dan teks "Baru".

Hint

Position classes: static, relative, absolute, fixed, sticky.
Kombinasikan dengan top/right/bottom/left dan z-index.
<div class="relative h-32"><div class="absolute top-0 right-0 z-10">...</div></div>

🔄

Memperbarui Aplikasi

Versi baru tersedia. Halaman akan dimuat ulang otomatis...

Masih kosong setelah muat ulang?

1. Tutup paksa aplikasi lalu buka lagi

2. Hapus cache: Pengaturan > Aplikasi > Hyper Sheets > Hapus Cache

3. Jika pakai browser: tekan Ctrl+Shift+R

Butuh bantuan?

Gabung Discord Laporkan Bug