مختبر مرئي لتخطيطات Flexbox وGrid
جرّب خصائص CSS Flexbox وGrid على عناصر مباشرة ثم انسخ الشفرة الناتجة
صمّم التخطيطات بصريًا مع محاكاة عرض الشاشة والتحكم بكل عنصر.
خصائص حاوية Flex
6
أضف العناصر وأزلها من دون تجاوز حدود مساحة المعاينة.
حول هذه الأداة
مختبر مرئي لتخطيطات Flexbox وGrid
جرّب خصائص CSS Flexbox وGrid على عناصر مباشرة ثم انسخ الشفرة الناتجة.
طريقة الاستخدام
أدخل القيم أو النص المطلوب في الحقول، واضبط الخيارات المناسبة، ثم راجع النتيجة قبل نسخها أو تنزيلها. تحقق من الافتراضات والوحدات عند استخدام النتائج في قرار مهم.