Latihan 1: Flexbox Utilities — Tailwind CSS

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

Buat <div id="nav"> dengan flex, items-center, justify-between, dan p-4. Di dalamnya, buat dua <span>: "Logo" dan "Menu".

Hint

flex mengaktifkan Flexbox. items- untuk alignment vertikal.
justify- untuk horizontal, items- untuk vertikal, gap- untuk jarak.
<div class="flex items-center justify-between gap-4">...</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