Inspecteer CSS-rasterindelingen

Sofia Emelianova
Sofia Emelianova

In deze handleiding ziet u hoe u CSS-rasters op een pagina kunt ontdekken, onderzoeken en lay-outproblemen kunt opsporen in het paneel Elementen van Chrome DevTools.

De voorbeelden in de schermafbeeldingen in dit artikel zijn afkomstig van deze twee webpagina's: Fruitdoos en Snackdoos .

Ontdek CSS-rasters

Wanneer op een HTML-element op uw pagina display: grid of display: inline-grid is toegepast, ziet u ernaast een grid in het paneel Elementen .