Memeriksa tata letak petak CSS

Panduan ini menunjukkan cara menemukan petak CSS di halaman, memeriksanya, dan men-debug masalah tata letak di panel Elemen Chrome DevTools.

Contoh yang ditampilkan dalam screenshot yang muncul dalam artikel ini berasal dari dua halaman web berikut: Kotak buah dan Kotak camilan.

Menemukan petak CSS

Saat elemen HTML di halaman Anda menerapkan display: grid atau display: inline-grid, Anda dapat melihat badge grid di sampingnya di panel Elemen.