CSS Raster Inspektor: Raster-Layout untersuchen

Neu in Firefox 52

Seit den Firefox 52 Entwickler-Tools ist es möglich, sich zur Untersuchung eines CSS-Rasters die Spalten und Zeilen eines Rasters anzeigen zu lassen.

Wenn ein Element mit display: grid als Raster-Layout definiert wird, wird ein kleines Rastersymbol sichtbar: . Klicke auf das Icon, um die Struktur des Rasters zu visualisieren:

Die Rasterlinien werden auch dann noch angezeigt, wenn andere Elemente ausgewählt werden. Auswirkung von Änderungen anderer Elemente auf das Raster können so leicht nachverfolgt werden.

Besuche labs.jensimmons.com (Englisch) für viele interessante Raster-Ideen.