تخطي إلى المحتوى الرئيسي
FreeOnlineTools Go
العربية

مولّد CSS Grid

مولّد CSS Grid مجاني عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.

المعالجة المحلية

مولّد CSS Grid

columns: 3
rows: 2
column gap: 8px
row gap: 8px

Preview

1
2
3
4
5
6
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, minmax(40px, auto));
  column-gap: 8px;
  row-gap: 8px;
}

كيفية الاستخدام

أدخل مدخلاتك أعلاه. يتم تحديث النتيجة تلقائيًا. استخدم زر النسخ لنسخ النتيجة.

خصوصية

تتم كل المعالجة في متصفحك. لا يتم تحميل بياناتك أبدًا إلى أي خادم.

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

هل هذا CSS Grid Generator مجاني؟

نعم، مجاني تماما. لا يلزم الاشتراك.

هل تقوم هذه الأداة بتحميل بياناتي؟

لا، تتم جميع عمليات المعالجة محليًا في متصفحك. بياناتك لا تترك جهازك أبدًا.

الأدوات ذات الصلة