مولد CSS Grid

مرجع

ما هو CSS Grid؟

CSS Grid Layout هو نظام تخطيط ثنائي الأبعاد يتيح لك إنشاء تخطيطات معقدة قائمة على الشبكة. على عكس Flexbox الذي هو أحادي البعد، يمكن لـ Grid التعامل مع الأعمدة والصفوف في وقت واحد، مما يجعله مثالياً لتخطيطات الصفحات.

قوالب Grid

grid-template-columns وgrid-template-rows يحددان أحجام مسارات أعمدة وصفوف grid. استخدم 1fr لأجزاء متساوية، auto للحجم المبني على المحتوى، أو قيم ثابتة مثل 200px. دالة repeat() تبسط الأنماط المتكررة.

الخصوصية

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