Learn CSS In Arabic 2021 - #46 - Flex Box Parent - Direction, Wrap, Flow

Flex Box Parent - Direction, Wrap, Flow
Code & Notice:
elzero.org/cat...
Assignments:
elzero.org/cat...
=============================
Support Me on Patreon to Help me Create More Videos
/ osamaelzero
I will be Very Happy if you Support my Channel.
elzero.org/supp...
Join Our Facebook Group:
/ elzerowebschool
Follow My Facebook Profile:
/ oselzero
Like Facebook Page:
/ elzerowebschool
Follow Me On Twitter:
/ osama_elzero

[@mhdyazan9486]

هههههههههههههههههههههههههههه اقسم بالله انك بتشتغل استاذ وبنفس الوقت كوميدي 😂😂😂😂
شكرا شكرا ع الاعطاء الجميل ❤❤

[@ahmedm6644]

النقاط التي ناقشها الفيديو:
خاصية ال display:flex. و: 1:04
خاصية ال flex-direction. و: 2:08
خاصية ال flex-wrap. و: 5:23
اختصار خواص ال flex-flow. و: 8:00

[@bourzegabdelmadjid2327]

لي تفرج على الفيديو واستفاد يدير جام تقييما وتقديرا للمجهود المبذول من طرف الشيخ اوسامة ربنا يبارك فيه ❤️😍😍

[@أخباركرةالقدم-ط3ب]

لا يوجد تعبير يعبر عن مستواك ومجهودك جزاك الله خيرا ♥️♥️

[@siamandkamal]

كيف حالك مع برمجة الان ؟ هل استفدت مادية من برمجة مواقع ؟

[@Creative-art77]

شرح فوق الاكاديمي بدون مجاملة - سبحان الله الذي اعطاك كل هذا الابداع - شكرا لك

[@khalidali8542]

كلمة حق تُقال، محتواك أفضل من بعض المصادر الاجنبية القوية.

[@ElzeroWebSchool]

الله يسعدك ويبارك فيك

[@alaa.j6010]

بارك الله فيك وجزاك خير الجزاء
الاجمل من شرحك الرائع السلس هو انك حاتط الاشي القديم ( الفلوت ) وبتورجينا الفوق ما بينهم
عظمه على عظمه
تحيه من فلسطين

[@imaneimane1806]

كيف حال شعب فلسطيني

[@alaa.j6010]

@@imaneimane1806 مشتاقين لك ولشعبك الكريم ❤

[@hamedahmed4126]

افضل من يشرح html, css.
هو الzero.
جزاك الله خير الجزاء

[@mrbricool744]

تحية حب و تقدير لكل للمعلومات القيمة

[@alsayedali5412]

الحمد لله الذي علمنا ما لم نكن نعلم .... بارك الله فيك استاذنا الغالي

[@zafershoaybi]

تطور في الشرح رهييييب، انت معلم من زمان يا أستاذنا والله، لكن براعة الشرح الآن وانتظام الأفكار وتناسقها وسلاستها حاجة عظمة والله❤

[@nostalgic6979]

انت بطل.. شكرا على كل المعلومات المقدمة بوضوح و بدم خفيف لا يمكن أن أمل من مشاهدة دروسك

[@عمرأحمد-ر3ع8ع]

الله يحبك يابشمهندس جزاك الله خيرا علي تعبك ومجهودك
❤❤❤

[@MrNoony90]

ما شاء الله عليك، موهوب ومؤدب ، الله يوقك يارب

[@ZakariaLionel]

أنت أفضل عربي بيدي كورسات بكل صراحة

[@ritellouai6391]

2024 انت الاول في مجالك جزاك الله خيرا من الجزاير

[@unlimited_varieties]

جزاك الله كل خير و زادك علما

[@alkhayyat2]

جزاك الله خير و رحم الله والديك

[@mohamedyousry8834]

ربنا يسعدك يارب بامستر اسامه ويكرمك ويجازيك خير ❤️❤️🙏

[@rodwangd2683]

صلوا على الحبيب المصطفى صلى الله عليه وسلم.

[@VeNus-el4cf]

Lesson 46 done alhamdulilah❤

[@abdalrahmansiyamek1161]

نحتاج أحد يعملنا معجم بمصطلحات الزيرو
يعني مرت عليا كمية مرادفات في الكورس لكلمة "سهلة" جداً كثير واليوم أتعلمت كلمة "بصباع رجلك" 4:58

[@osamagharib1348]

جزاك الله خير يا بشمهندس

[@AhmedSaber-p7r]

صلوا على من يشفع لكم يوم القيامة(ص)

[@riyadfacebook]

يا سلام عليك يا باش مهندس أخيراً وصلنا للحاجات الجميلة 💖

[@moet6948]

الله يجزك في الدنيا حسنة و في الاخرة حسنة شكراً استاذ اسامه

[@aymen5780]

و يقيه الله من عذاب النار

[@hamzasaadaldeen4061]

اي ال flex الجامد دة من الاول يباش مهندس اسامة 😂😂 ربنا يجزيك الخير ويوفقك في الدنيا والاخرة

[@mounaimben8034]

و الله شرحك في المستوى تحياتي لك

[@ahmedaliklay1233]

جزاكم الله خيرا

[@deepblackoutlaw9640]

i did it using only by changing the display to inline-block
HTML:
1
2
3
4
CSS:
ul {
margin: 2rem;
padding: 1rem;
list-style: none;
font-size: 0px;
text-align: center;
background-color: grey;
}
li {
display: inline-block;
font-size: 1rem;
width: 25%;
padding: 16px 0px;
color: white;
background-color: red;
}

[@shekseko]

افضل استاذ والله
فصلتني ضحك 5:24 😂😂😂😂😂

[@palestinemylife7166]

مش تتعلم فقط , تتعلم وتضحك الله يحميك يا أستاذ

[@عبدالرحمانهرواط]

شكرا جزيلا!❤

[@CSCoreDecoded]

والله العظيم امبارح كنت بعمل تصميم ب Float واول ما وصلت للدقيقه 1:44 وعرفت ازاي بيتعمل جريت على التصميم وطبقت Flexbox عليه لقيته طلعلي نتيجه احلى امال لو كملت للاخر هيحصل ايه
فعليا Flexbox رهييييييييييب
ربنا يجزاك كل خير باش مهندس

[@CSCoreDecoded]

@aali omarr بخير الحمدلله
اكيد يصاحبي لسه بتعلم
انا خلصت كورس الجافاسكريبت لاستاذ اسامه قبل اسبوعين والان انا في التطبيقات العمليه
صدقني شعور جميل جدا كل ما تتعلم شيء جديد

[@P_Ahmed_P]

@@CSCoreDecoded بعد مرور عام علي تعليقك هل تعلمت الكثير؟

[@CSCoreDecoded]

@@P_Ahmed_P الوقت مر بسرعة
نعم تعلمت الكثير
تعلمت جافاسكريبت بتعمق
تعلمت كيف ابحث بشكل افضل
تعلمت كيف احل المشاكل البرمجية بشكل منطقي اكثر
والاهم اني تعلمت كيف اتعلم

[@P_Ahmed_P]

@@CSCoreDecoded بالتوفيق انا قبل شهر بلشت وتعلمت الكثير وان شاء الله اتعلم اكثر لاحقا لان الكل يقول في غضون 8 شهور يكون الشخص جيد جدأ..

[@CSCoreDecoded]

@@P_Ahmed_P مش شرط 8 شهور
انصحك متستعجلش ابدا وامشي على مهلك وتعمق

[@nghabd8026]

جزاك الله خيرا 💐

[@mahmoudabdelslam3025]

اللهم صل و سلم علي سيدنا محمد صلي الله عليه و سلم

[@iraouihamza446]

جزاك الله عنا خيرا

[@muhammedadel463]

ربنا يجزيك خير والله

[@ahmedalsayeh5837]

الله يكرمك يا بشمهندس ❤️

[@wallflower7771]

ربنا يجعله في ميزان حسناتك ❤❤❤❤❤❤

[@mohboy7520]

مزيد من التقدم والنجاح الدائم ان شاءالله يا استاذنا الفاضل ❤️♥️❤️♥️❤️♥️❤️♥️

[@louayshhod2263]

هالخاصية بتريحك من عذاب كبييير

[@awabahmed217]

جزاك الله خير

[@AhmedMahmoudMMD]

اللهم صل وسلم علي سيدنا محمد

[@n0olo00ve]

شكراً من القلب .... جزاك الله خير

[@siamandkamal]

كبف حالك مع برمجة الان/

[@kintag4459]

الله يباركلك في رزقك

[@Ab-bk7th]

كل الشكر، جزاك الله كل خير

[@mohamadmlaies6102]

شرح عظمة!!!

[@ahmadbenchakhtir5787]

شكرا 🤍.

[@حياةع-ط8م]

شرح جميل كل التوفيق

[@ibtissem71]

عفكرة يا استاذ اسامة مش بس الشباب لي متابعينك في بنات كمان نفسهم يتعلمو برمجة و يبؤو محترفين زيك ان شاءالله ( لأنك كل شوية تقول يا شباب فحبيت أنبهك اننا موجودين كمان 😂💜)

[@ElzeroWebSchool]

على راسي والله
ملحوظة شباب تنفع ولاد وبنات
بارك الله فيكم

[@XKhLoodyX]

يعني على كذا خلاص نستغني عن float ونشتغل على flex
مريح جدا في التعامل وسهل

[@Omar-Farhat]

كل الشكر

[@khaladmohaned2002]

الف شكر😁🙂

[@ahmedkhaled8825]

ربنا يباركلك يا كينج 😃

[@Random-z8l]

ياعم ولله انت اسطورة

[@elite4879]

شكرا جزيلا استاذي 💜💜🖤🔥

[@mahmoudshalaby1156]

thank you

[@nordinrasol7577]

شكرا من القلب

[@abdallahwael7501]

احسن استاذ في مصر + نفسي اكسب المسابقه

[@z4kx388]

الحمد لله على نعمة الفلكس :))))
و الله يكفينا عن شر الفلوت ده (¬_¬ )

[@ryeasv]

شكراا جداا لحضرتك

[@mrcrazymusic7442]

شكرا على جهودك لو سمحت سوي مشروع مرتب عشان نعملو html css بعد التحديث

[@firaskafaween8475]

ما شاء الله عليك

[@moumanelihyaoui3851]

thank u teacher

[@magdyhassan2902]

Thank You.

[@JomanNoretro]

احسنتم

[@eyadomran3795]

قدوتي يا zero

[@علياءاسامه-ت4م]

احسنت يا بشمهندس

[@malekalganadi1712]

ربنا يجزيك كل خير

[@beshoysameh2387]

شكرا لحضرتك علي المجهود الرائع بس كنت عايز أسأل هو إحنا هنتعلم استخدام المكتبات في الكورس دا؟

[@ElzeroWebSchool]

لا المكتبات ملهاش علاقة باللغة
دي في التطبيقات العملية

[@Yousef34]

يصير نتخلى عن الfloat ونستعمل flex فقط؟

[@e_souhil]

Thanks

[@thebird1]

ربنا يكرمك

[@بسمةايمن-ص3غ]

Thank You So Much

[@realben2961]

كورس قوي جدا

[@Mo-uk8zl]

طب يا بشمهندس لو حضرتك تفتكر في التطبيقات القديمه لما كنت بتعمل container دلوقتي عشان اعمله مع ال flex صعب جدا مش حيتعمل ايه الحل ساعتها

[@ShaimaHamila]

Thanks a lot

[@محمدزردق-ع4ي]

غريب جدا 😂❤️🙈❤️❤️❤️❤️

[@mrmanoxofgame4909]

best one

[@mouradlabrousse3177]

merci

[@muhandabd1176]

الله يبارك بيك

[@lokaelwardany2174]

عظييييييم جداااااااااا

[@imok5746]

تحسه ياشباب الفليكس موصي البشمهندس على الفلووت 😅

[@MohamedAlizsc]

الدرس رقم ٤٦ انتهى وانا متأكد ان فيديوهاتك دي هتفضل مصدر لناس كتير ترجع لها كل شوية عشان تفهم كل شوية نقط ما بين السطور اول ما يقف معاهم حاجة في اي تصميم وتستذكر معلومات

[@Ahmad_4s]

حب كبير ♥

[@ahmednaga8189]

لو سمحت يا بشمهندس ال conainer بياخد مساحة اقد ايه لو انا متدلوش width

[@drcod3r329]

ممكن الفرق او متى نستعمل
display: felx
و
box-sizing

[@amineelammari8690]

الفرق وااضح
display:felx
تستعمل زي لتفعيل
flex propety
للتستطيع العمل بها اما
box-sizing
للتحكم بعرض و طول العنصر اذا كان هناك
padding or border...
يادون الى زيادة في عرض و طول العنصر

[@aboodaljaidi]

هل نفسهم نفس ال justify-content ?

[@wallflower7771]

الحمدلله علي نعمه الفليكس والله 😂😂

[@mr_hammam4english663]

ممكن ي باشا توفرنا المادة الي بتشرح منها

[@محمدابراهيممحمد-ز7ث]

معلش عندى سوال كل مستخدم الخاصية بتاعت flexbox مبيحصاش حاجة ولا كانى استخدمتها ممكن اعرف الحل

[@louayshhod2263]

يمكن لانك وضعت الخصائص للابن مو للاب

[@chems_sed990]

أنا لم افهم في البداية لماذا عملت على .flex and .flex div

[@webb-developer]

✅

[@MostafaAhmed-qh9ip]

❤❤❤❤❤

[@مرتضىمحمد-و1ش9غ]

شنو قصة النجمة الي كاتب بيهة خاصية الbox-sizing (*) ؟

[@bayernlover7367]

هاي تعني انو الخاصية الموجودة بداخل ال * يعني
معممة على جميع العناصر بالصفحة
جرب ضعها وحط بداخلها مثلا
Font_size: 25 px;
راح تلاقي حجم كل النصوص بالصفحة خمسة وعشرين بكسل
وقيس عليها جميع الخصائص

[@YOUSSEFODA-x8n]

هل معني كدا نستغني عن float

[@AhmedBdrZanata]

🌹🌹🌹

[@amrmohammed3095]

من اول كورس ال html لحد الفيديو اللي فات كنت فاهم كويس وبطبق ومستمتع واموري تمام , من اول هنا بدأت احس اني غبي , هل ده طبيعي ولا اي 😂

[@ElzeroWebSchool]

لا راجع بهدوء الفليكس مهم جدا

[@m00men1]

5:25
"احنا هنعرف منين انت هتشرح ايه ,دي حاجة, دنتتا غريب جدا"😂😂😂😂😂

[@mohamedsaadawy1145]

❤️❤️❤️