Daftar materi · Materi 2 dari 3

Fondasi · Materi 2 dari 3

Desain Responsif

Satu kolom di HP, empat kolom di desktop, cukup dengan awalan breakpoint.

1 menit 0 komentar

Tulis dulu layout untuk HP, lalu tambahkan awalan seperti md: dan lg: untuk layar yang lebih lebar.

<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">...</div>

Mulai dari HP

Kelas tanpa awalan berlaku di semua ukuran layar. Kelas berawalan mengambil alih mulai dari lebar itu ke atas.

Diskusi

Masuk dulu untuk ikut berkomentar. Masuk

Belum ada diskusi di sini. Jadilah yang pertama bertanya.