שלב היישום: פרויקט מונחה שלב־אחר־שלב, עם מעקב התקדמות, ציון ומשוב בתוך המערכת.
כדי לגשת אל הפרויקט, עליך להתחבר לחשבון המשתמש שלך.
בפרויקט זה נבנה “מעבדת פריסה” שמתרגלת את כלי ה-layout המרכזיים ב-CSS. נתחיל ב-Position (static/relative/absolute/fixed) כדי להבין הזזות ומיקום ביחס להורה ולדף. לאחר מכן נתרגל Flexbox: יצירת Flex Container, עבודה עם direction ו-wrap, יישור בעזרת justify-content ו-align-items, וגם align-content כשיש כמה שורות. בהמשך נבנה Grid עם עמודות/שורות, gap ותכונות יישור, ואז ניישם Grid Areas כדי ליצור תבנית עמוד מלאה (header/sidebar/main/footer). לסיום נתרגל order ב-Flex כדי לשנות סדר תצוגה בלי לשנות את ה-HTML.
index.html ואת style.css.index.html בדפדפן (דאבל קליק) והשאר אותו פתוח.style.css חפש את הכותרות: /* ===== Position ===== */, /* ===== Flex ===== */, /* ===== Grid ===== */, /* ===== Templates ===== */ כדי לדעת איפה עובדים בכל שלב.במצב מחובר תוכל לראות את כל הצעדים, לסמן בוצע, להעלות ZIP ולקבל משוב מהמדריך.