Sprawdzanie układów siatki CSS

W tym przewodniku dowiesz się, jak znajdować siatki CSS na stronie, je sprawdzać i rozwiązywać problemy z układem w panelu Elementy w Narzędziach deweloperskich Chrome.

Zrzuty ekranu w tym artykule pochodzą z tych 2 stron internetowych: FruitboxSnack box.

Odkrywanie siatek CSS

Jeśli element HTML na stronie ma zastosowane reguły display: grid lub display: inline-grid, obok niego w panelu Elementy zobaczysz plakietkę grid.