- اختر الوضع — Flexbox أو Grid.
- اضبط الحاوية — الاتجاه، المحاذاة، الفجوة.
- أضف عناصر — + إضافة أو − حذف.
- عدّل العناصر — انقر عنصراً لتعديل خصائصه.
- انسخ CSS — كود جاهز للاستخدام.
ملعب CSS Flexbox و Grid — تعلم وابنِ التخطيطات بصرياً
أداة تفاعلية مجانية لتعلم وبناء تخطيطات CSS بصرياً مع معاينة مباشرة وكود CSS.
الميزات
- وضع Flexbox — الاتجاه، الالتفاف، المحاذاة.
- وضع Grid — الأعمدة والصفوف، الفجوة.
- خصائص فردية — ترتيب، نمو، انكماش، امتداد.
- كود CSS نظيف — نسخ بنقرة.
الخصوصية
كل شيء يعمل في المتصفح.