Langsung ke konten

Learn Tailwind CSS LTC v4.3

Beranda Tutorial Materi

★

← Tutorial 07 / 15

Daftar bab Bab 7

Layout 2D

Grid dua dimensi

Grid menangani hubungan baris dan kolom dengan lebih eksplisit.

Tugas

Buat tiga tile dan biarkan tile pertama menempati dua kolom.

Petunjuk

Gunakan grid, grid-cols-2, gap-3, dan col-span-2.

App.html

Tailwind v4.3

1

Live preview

real-time

← Navbar dengan Flexbox Mobile-first →

Learn Tailwind CSS

Dibangun 100% Tailwind CSS v4.3 · SvelteKit