בדיקה של פריסות רשת של CSS

במדריך הזה נסביר איך למצוא רשתות CSS בדף, לבדוק אותן ולפתור בעיות בפריסה בחלונית Elements ב-Chrome DevTools.

הדוגמאות שמוצגות בצילום המסך במאמר הזה הן משני דפי האינטרנט הבאים: Fruit box ו-Snack box.

רשתות CSS

כשמגדירים לרכיב HTML בדף את הערך display: grid או display: inline-grid, מופיע לידו תג grid בחלונית רכיבים.