مولّد CSS Grid

طريقة الاستخدام

1. أدخل القيم

   الأعمدة · الصفوف · المسافة

2. احسب / أنشئ

   أنشئ معاينة شبكة وكود CSS من عدد الأعمدة والصفوف والمسافات.

3. النتيجة

   display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(80px, auto)); gap: 16px;