Latihan 1: Responsive Components — Tailwind CSS

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

Buat navbar: <nav id="navbar"> dengan flex, items-center, justify-between, dan p-4. Tambahkan <span>Logo</span> dan <div> berisi 3 link.

Hint

Komponen responsif mengubah layout berdasarkan breakpoint.
Gunakan flex + breakpoint prefixes untuk adaptasi.
<nav class="flex items-center justify-between flex-wrap md:flex-nowrap">...</nav>

🔄

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