UTILS.
‎100%‎ داخل المتصفح

مولّد CSS Grid

أنشئ تخطيط CSS grid بأعمدة وصفوف وفجوة قابلة للتعديل، مع معاينة حية.

حول هذه الأداة

حدّد عدد الأعمدة والصفوف بالإضافة إلى الفجوة لبناء شبكة CSS وانسخ الكود، كل ذلك في متصفحك.

الأسئلة الشائعة

كيف يُحدَّد حجم المسارات؟
تستخدم الأعمدة والصفوف الدالة repeat()‎ مع 1fr لتتقاسم المساحة المتاحة بالتساوي.
ما هو عنصر التحكم بالفجوة؟
يضبط فجوة الشبكة بالبكسل بين كل خلية وأخرى، ويُطبَّق بشكل حي على المعاينة.

المزيد من الأدوات