Chrome DevTools maakt het opsporen van fouten in CSS-rasterindelingen intuïtief met een verscheidenheid aan visualisatieopties.
Bekijk de video om te leren hoe u de rasteroverlay in het deelvenster Elementen kunt in- en uitschakelen en hoe u deze kunt gebruiken om:
- Visualiseer en inspecteer rasterlay-outs.
- Zie rij- en kolomnummers waar u naar kunt verwijzen bij het plaatsen van rasteritems.
- Gebruik lijn- en vlaknamen en bekijk ze op de overlay als u veel rasteritems heeft en de cijfers verwarrend zijn.
- Controleer de spoorgroottes.
Bovendien kunt u met de Rastereditor in het deelvenster Elementen > Stijlen items en hun inhoud uitlijnen in een rasterindeling met één klik op de knop in plaats van CSS-regels te typen.
Voor een meer praktische leerervaring volgt u de Inspect CSS Grid -tutorial.
,
Chrome DevTools maakt het opsporen van fouten in CSS-rasterindelingen intuïtief met een verscheidenheid aan visualisatieopties.
Bekijk de video om te leren hoe u de rasteroverlay in het deelvenster Elementen kunt in- en uitschakelen en hoe u deze kunt gebruiken om:
- Visualiseer en inspecteer rasterlay-outs.
- Zie rij- en kolomnummers waar u naar kunt verwijzen bij het plaatsen van rasteritems.
- Gebruik lijn- en vlaknamen en bekijk ze op de overlay als u veel rasteritems heeft en de cijfers verwarrend zijn.
- Controleer de spoorgroottes.
Bovendien kunt u met de Rastereditor in het deelvenster Elementen > Stijlen items en hun inhoud uitlijnen in een rasterindeling met één klik op de knop in plaats van CSS-regels te typen.
Voor een meer praktische leerervaring volgt u de Inspect CSS Grid -tutorial.