FondasiMateri 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.

Masuk untuk menyimpan progres 0

Diskusi

Masuk dulu untuk ikut berkomentar. Masuk

Belum ada diskusi di sini. Jadilah yang pertama bertanya.