أهلاً! النهارده هنعمل تصميم صفحة كامل: هيدر فوق، وقايمة جانبية، ومحتوى، وفوتر… وهنرسمه بالكلام حرفياً.
/index.html
grid-template-areas
  • كل سطر = صف
  • كل كلمة = عمود
  • نفس الاسم يتكرر = المنطقة ممتدة
  • grid-area على كل عنصر
"head head"
"side main"
"foot foot"