شرح Flexbox في CSS بالعربي كامل للمبتدئين | كورس CSS #8

تعلم Flexbox في CSS بالعربي خطوة بخطوة: إزاي ترتّب أي عناصر في الصفحة وتوسّطها بسطرين CSS، من غير float ولا تعقيد. في الفيديو ده هتتعلم: يعني إيه Flexbox والفرق بين الـ Parent والـ Children display: flex و flex-direction و flex-wrap و flex-flow justify-content و align-items و align-content الـ Main Axis والـ Cross Axis والفرق بين row و column gap و order و flex-grow و flex-shrink تطبيق عملي بالكروت + حل Flexbox Froggy ⏱️ محتوى الفيديو: 00:00 يعني إيه Flexbox: الـ Parent والـ Children 08:00 تجهيز الكروت 12:00 display: flex و flex-wrap و flex-flow 16:00 justify-content 20:00 align-items و align-content 24:00 space-between و space-around و gap 28:00 تطبيق عملي: Flexbox Froggy 36:00 الـ Main Axis والـ Cross Axis 40:00 خاصية order 48:00 flex-shrink و flex-grow 55:00 Flexbox Froggy: المستويات المتقدمة 1:03:00 مرجع Flexbox من CSS-Tricks 🔗 اللينكات اللي في الفيديو: 🐸 لعبة Flexbox Froggy للتدريب: https://flexboxfroggy.com/ 📘 مرجع Flexbox الكامل من CSS-Tricks: https://css-tricks.com/snippets/css/a... ده جزء من كورس تطوير الويب الكامل للمبتدئين، واتفرج على باقي الأجزاء في الـ Playlist. اتعلم تطوير الويب معانا في دبلومة مجانية بالكامل! LinkedIn   / mahmoud-amer~   channel what's app https://whatsapp.com/channel/0029Vb9E... Group what's app https://chat.whatsapp.com/FJ2jvfrbPr6... اشترك في القناة وفعّل الجرس علشان يوصلك كل جديد، وشارك الفيديو مع أي حد حابب يتعلم برمجة الويب ❤️ #CSS #Flexbox #تعلم_البرمجة #تطوير_الويب