כלי הפיתוח ל-Chrome הופך את ניפוי הבאגים של פריסות רשת ב-CSS לאינטואיטיביות, עם מגוון אפשרויות תצוגה חזותית.
בסרטון הבא מוסבר איך לעבור בין שכבת-על של רשת בחלונית רכיבים ולהשתמש בה כדי:
- הצגה חזותית ובדיקה של פריסות רשת.
- הצגת מספרי השורות והעמודות שיש להתייחס אליהם כשמציבים פריטים ברשת.
- אם יש לכם הרבה פריטים ברשת והמספרים מבלבלים, כדאי להשתמש בשמות של שורות ואזורים ולראות אותם בשכבת-העל.
- בודקים את הגדלים של הטראקים.
בנוסף, בעזרת עורך הרשת שבחלונית רכיבים > סגנונות, אפשר ליישר פריטים ואת התוכן שלהם בפריסת רשת בלחיצה על לחצן, במקום להקליד כללי CSS.
כדי ליהנות מחוויה מעשית יותר של למידה, היעזרו במדריך בנושא בדיקת רשת CSS.