Sofia Emelianova
Narzędzia deweloperskie w Chrome ułatwiają debugowanie układów siatki CSS dzięki różnym opcjom wizualizacji.
Obejrzyj film, aby dowiedzieć się, jak włączać i wyłączać nakładkę siatki w panelu Elementy oraz jak z niej korzystać:
- Wizualizacja i sprawdzanie układów siatki.
- Podczas umieszczania elementów siatki możesz się posługiwać numerami wierszy i kolumn.
- Jeśli masz dużo elementów siatki, a liczby są mylące, użyj nazw linii i obszarów, aby były widoczne na nakładce.
- Sprawdź rozmiary ścieżek.
Dodatkowo za pomocą Edytora siatki w panelu Elementy > Style możesz wyrównywać elementy i ich zawartość w układzie siatki jednym kliknięciem zamiast wpisywać reguły CSS.
Aby dowiedzieć się więcej, wykonaj samouczek Sprawdzanie siatki CSS.