Latihan 1: Spacing & Sizing — Tailwind CSS

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

Beri jarak ke <div class="box"> yang sudah ada:

  1. Biarkan class box dan teksnya.
  2. Tambahkan tiga class Tailwind di sebelah box:
    • px-6: padding kiri dan kanan 24px
    • py-3: padding atas dan bawah 12px
    • mt-4: margin atas 16px

Hasilnya class="box px-6 py-3 mt-4".

Yang dicek di elemen .box:

Hint