أهلاً بيك في سكشن الـ Grid! الـ Flexbox بيرص في اتجاه واحد. أما الـ Grid فبيقسم المكان صفوف وأعمدة مع بعض… زي جدول، بس للتصميم.
/index.html
Grid
  • display: grid على الأب
  • grid-template-columns للأعمدة
  • fr: جزء من المساحة الفاضية
  • الصفوف بتتعمل لوحدها
  • gap للمسافات
grid-template-columns:
  1fr 1fr 1fr;