مولد CSS grid

الوحدة fr الواحدة هي جزء من المساحة المتبقية في حاوية الشبكة. مع أعمدة 1fr 1fr 2fr تُقسَّم المساحة إلى أربعة أجزاء، فيأخذ العمود الأخير جزأين.

استخدم أحجامًا مرنة مثل وحدات fr أو minmax بدل بكسلات ثابتة، وغيّر عدد الأعمدة في media query للشاشات الصغيرة.

يضيف gap مساحة بين الخلايا فقط، لا حول الحافة الخارجية. تضيف الهوامش مساحة حول كل عنصر وقد تتضاعف بين الجيران.

نعم. استخدام مولد CSS grid على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.

نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.

نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.

لا. افتح الصفحة واستخدم الأداة فحسب. لا تسجيل ولا حاجة إلى بريد إلكتروني.

نعم. استخدم زر «ضمّن الأداة في موقعك» أسفل الأداة لنسخ مقطع قصير من الشيفرة ولصقه في صفحتك. الخدمة مجانية، ولا تحتاج إلى حساب، وتبقى الأداة تعمل داخل صفحتك.