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