أهلاً! النهارده هنتعلم أقوى سطر في الـ Grid كله… سطر بيعمل شبكة منتجات بتتظبط مع أي شاشة لوحدها.
/index.html
الشبكة الذكية
  • repeat(عدد, حجم)
  • auto-fit: على قد المكان
  • minmax(أقل, أكبر)
  • responsive من غير media query
grid-template-columns:
  repeat(auto-fit,
    minmax(160px, 1fr));