4.1 KiB
4.1 KiB
title | localeTitle |
---|---|
CSS Flexbox | CSS Flexbox |
CSS Flexbox
ستعلمك مجموعة التحديات هذه أساسيات استخدام حاويات مرنة. التحديات هي:
- استخدام العرض: فليكس لوضع صناديق اثنين .
- أضف Flex Flexpowers إلى Tweet تضمين .
- استخدم خاصية الاتجاه المرن لإجراء صف .
- قم بتطبيق الخاصية ذات الاتجاه المرن لإنشاء صفوف في تطبيق Tweet Tweet .
- استخدم خاصية الاتجاه المرن لعمل عمود .
- قم بتطبيق الخاصية ذات الاتجاه المرن لإنشاء عمود في تغريدة Tweet .
- محاذاة العناصر باستخدام خاصية justify-content .
- استخدم خاصية theify-content في تطبيق Tweet Tweet .
- محاذاة العناصر باستخدام خاصية عناصر المحاذاة .
- استخدم الخاصية align-items في Tweet Tweet .
- استخدم خاصية flex-wrap إلى التفاف صف أو عمود .
- استخدم خاصية الانكماش المرن لتقليص العناصر .
- استخدم خاصية Flex-grow لتوسيع العناصر .
- استخدم الخاصية الأساسية المرنة لتعيين الحجم الأولي لعنصر .
- استخدم خاصية الاختزال المرن .
- استخدم خاصية الطلب لإعادة ترتيب العناصر .
- استخدم خاصية self-align .