Referensi Layout Website Responsif

Di sini kita hanya menggunakan teknik persentase pada elemen. Ini adalah modal awal yang harus Anda pahami sebelum melangkah ke media queries:

Layout Holy Grail

Simpan Gambar

Dua Kolom Sidebar Kanan

Simpan Gambar

Dua Kolom Sidebar Kiri

Simpan Gambar

Layout Blog Tiga Kolom

Simpan Gambar

Layout Halaman Berganda

Simpan Gambar

Layout Halaman Penuh

Simpan Gambar

Seperti halnya width dan height, nilai padding dan margin juga dapat didefinisikan dalam persentase.

Sumber: The Perfect 3 Column Liquid Layout (Percentage widths)