Learn CSS In Arabic 2021 - #47 - Flex Box Parent

No video

Learn CSS In Arabic 2021 - #47 - Flex Box Parent - Justify Content

Рет қаралды 150,697

3 жыл бұрын

Flex Box Parent - Justify Content
Code & Notice:
elzero.org/category/courses/c...
Assignments:
elzero.org/category/assignmen...
=============================
Support Me on Patreon to Help me Create More Videos
/ osamaelzero
I will be Very Happy if you Support my Channel.
elzero.org/support/
Join Our Facebook Group:
/ elzerowebschool
Follow My Facebook Profile:
/ oselzero
Like Facebook Page:
/ elzerowebschool
Follow Me On Twitter:
/ osama_elzero

Пікірлер: 129

@19dz83 Жыл бұрын

سبحان الذي لا ينفذ علمه أنا حاليا طالب جامعي أرى أمورا عظيمة في دراستي و كمية تفاصيل رهيبة و كل ما بحثت في كلمة و لو صغيرة ستجد آلاف المجلدات و من جهة أخرى أتابع دروس الأستاذ أسامة و كل يوم أرى أمرا رائعة و في نفس الوقت كمية تفاصيل روعة, سبحان الله إلى حد اليوم لم أرى حتى 0.1% من العلوم التي في عالمنا و هنا يعلم الإنسان الذي له عقل أن هذه العلوم كلها هي نور و أرزاق تنزل من السماء على الناس التي تطلب العلم فسبحانك ربي ما قدرناك حق قدرك أنت الله العلي العظيم.

@unknown-hy6gt 2 жыл бұрын

قال تعالى(و ما كان لنفس أن تموت إلا بإذن الله كتاباً مؤجلاً و من يرد ثواب الدنيا نؤتهِ منها و من يرد ثواب الآخرة نؤتهِ منها و سنجزي الشاكرين)

@The_Programming-Teacher 3 жыл бұрын

الفرق بين space-evenly , space -around هو ان في space -around المسافات بين العناصر متساوي لكن المسافة بعد اخر عنصر وقبل اول عنصر بتبقي نص المسافة بين العناصر .. لكن في ال space-evenly المسافات كلها متساوي ما بين العناصر وهي هي المسافة بعد اخر عنصر وقبل اول عنصر.

@AZ_English_21 2 жыл бұрын

شكرا

@omarctech1201 2 жыл бұрын

تسلم

@ragab0 Жыл бұрын

بالظبط بالظبط زي الcollapsing_margin space-evenly = collapsing(space-arround) 😅.

@moemenmahmoud623 9 ай бұрын

شكرا للشرح انا كنت محتار جدا بينهم و مش قادر افرق ❤❤

@mohammedgawish3546 Жыл бұрын

space-between : بيتم وضع المسافات بين العنصر space-around : بيتم وضع المسافة حولين العنصر يسارا ويمينًا space-evenly : بيتم وضع المسافات بالتساوي حولين العنصر يسارا ويمينًا

@mohammedeleriaan5986 3 жыл бұрын

استخدام الفلوات هيصبح نادر لان الفليكس متفوق عليه و فيه افكار كتير اسهل و اسرع و بدون تعقيد

@elite4879 2 жыл бұрын

مره شي خرافي

@60CAL Жыл бұрын

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

@ibrahimmasri987 Жыл бұрын

بالفعل رحت فورا بس شفت الدرس الاول بالفليكس طبقت الشرح على الي عملناه بالفلوت تم التنفيذ بثواني

@ahmedm6644 3 жыл бұрын

النقاط التي ناقشها الفيديو: خاصية ال justify-content. و: 0:15

@zikowin9606 Жыл бұрын

😇

@iraouihamza446 3 жыл бұрын

ديما في القمة شرح اكتر من روعة بارك الله فيك اخي وزادك من فضله لا تحرمنا من ما علمك الله

@firstlast1024 3 жыл бұрын

احسن مدرسة مصرية تحية حارة لك من المغرب . و الله اني احبك في الله

@mohboy7520 3 жыл бұрын

جزاك الله خير الجزاء على الذي تقدمه وبارك الله فيك يا حبيب ❤️♥️❤️♥️🌹❤️♥️❤️♥️

@salmamousaad 3 жыл бұрын

جزاك الله خيرا ❤️

@gojosatoru1708 2 жыл бұрын

أفضل أستاذ برمجة في العالم كمل يا أسطورة👍👍

@emadamer1850 Жыл бұрын

ربنا يبارك في حضرتك ويجازيك كل خير

@mohamedyousry8834 2 жыл бұрын

ربنا يوفقك ياباشمهندس ويكرمك يارب ❤️🙏

@ahmedhamouda2924 3 жыл бұрын

والله انت سفااااح يا باشا ، الله يجزيك الخير

@abduljalelmoftag2690 3 жыл бұрын

بارك الله فيك اخوك من ليبيا

@malekalganadi1712 3 жыл бұрын

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

@wallflower7771 2 жыл бұрын

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

@Jad.abouzaki 2 жыл бұрын

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

@user-zs1eu2om5j 2 жыл бұрын

كل التحية لجهودك شكرا كتير والله

@osamagharib1348 2 жыл бұрын

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

@mimoauamy7958 2 жыл бұрын

الله ينور شغل فاخر من الاخر ربنا يصلح حالك

@mrabea8336 3 жыл бұрын

قول يا عظمه قول.....الله يرضى عليك يا رب

@user-lo8ec6go1q 2 жыл бұрын

أفضل درس في التاريخ

@muhammedadel463 3 жыл бұрын

تسلم يااستاز اسامه

@awabahmed217 Жыл бұрын

جزاك الله خير

@user-lb4yp3vp9i 2 жыл бұрын

ربنا يبارك في حضرتك 🌹

@Ahmed_Younis-20 Жыл бұрын

شوفو يا جماعة حسب ما فهمت ان space-between المسافة اللي بين العنصر يعني لو عندك بلوكين اللي بينهم هي دي ال space-between تمام، اما space-around فهي المسافة قبل وبعد العنصر بمعنى بيعمل مسافة قبل البلوك وبعده كمان. اما space-evenly بتدمج space-between و around مع بعض.

@khm3224361 Жыл бұрын

لدي تعقيب بسيط justify-content:space-evenly يجعل المسافة بين العناصر مساوية للمسافة على الجانبين عند اول عنصر وآخر عنصر.

@user-hg9rb5qq3z Жыл бұрын

الله يجازيك خير علي تعبك

@riyadfacebook 3 жыл бұрын

مبدع 👌👌

@abdelrahmanradwan2625 Жыл бұрын

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

@VeNus-el4cf 7 ай бұрын

Lesson 47 done thank u and alhamdulilah❤

@zafershoaybi 11 ай бұрын

عظيييييييم❤

@ahmadbenchakhtir5787 Жыл бұрын

شكرا 🤍.

@Mo-uk8zl 3 жыл бұрын

عظمه والله عظمه

@omarhm2563 3 жыл бұрын

ربنا يبارك فيك

@Ahmad_4s 3 жыл бұрын

Thanks a lot, dude ♥

@cheficecreamrolls7922 2 жыл бұрын

حضرتك قصدك justify-content :space-evenly انها بتعمل collapse زي عمليه دمج بس بالعرض للعناصر ال جنب بعضها صح؟

@pupaup4573 Жыл бұрын

عقلي يحتاج استراحة بعد هذا الدرس🤯

@user-ud8jf1du1c 2 жыл бұрын

Thank You So Much

@alial-shukoor2287 2 жыл бұрын

افضل بكثير من float وكثير سهل التصمميم في والشرح كثير حلو

@magdyhassan2902 2 жыл бұрын

Thank You.

@user-vz5tj6hk5q 3 жыл бұрын

thankss

@mouradlabrousse3177 Жыл бұрын

merci

@Hidaya287 2 жыл бұрын

fantastic

@souhailkhelifa 2 жыл бұрын

Thanks

@zeeu 2 жыл бұрын

Great

@MuhammadAudah Жыл бұрын

نحن هلأ باليوم الخامس من رمضان 2023 ، مشان هيك ، الله يجزيك كل خير يا مهندس أسامة .

@AhmedMahmoudMMD 6 ай бұрын

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

@rodwangd2683 3 жыл бұрын

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

@user-ds5fn1xd1y Жыл бұрын

هل يعني انه يمكننا الاستغناء عن الfloat بوجود الflex-box ارجو الرد منك يا استاذ اسامة

@abdallahwael7501 3 жыл бұрын

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

@kintag4459 3 жыл бұрын

استمر يا هضبه

@user-zi3gc2pg5s 2 жыл бұрын

احسنت

@user-kx7bz8ou6c 3 жыл бұрын

💛💛

@abdulazizalrobai2597 Жыл бұрын

مجرد تأكيد لللمعلومة التي لدي في الدقيقة 2:30 قال الأستاذ / اسامه حتى نعمل توسيط للعنصر رقم 5 وذلك بعمل margin يسار بقدار% 37.5 وهو نصف المساحة المتبقية سابقا أخذنا أن قيمة auto للـ margin توسط العنصر عندما اطبقها ليس لها تأثير , ماهو السبب ؟

@AhmedBdrZanata 3 жыл бұрын

🌹🌹🌹

@mohamedabdelrazek1903 Жыл бұрын

ينفع اعملها display inline

@omaromarfa7873 3 жыл бұрын

هو كتير سهل الفلكس بس مابعرف في ناس بتقول الgird اسهل واسهل لسا ما وصلت للغريد

@seifzeghichi Жыл бұрын

متى نستعمل flex ومتى نستعمل float

@tarekyahiapage 8 ай бұрын

انا مش شايف فرق بين space -evenly و space between. حد ممكن يشرح الفرق بس؟ لان ال space- arround بتحط المساحه حواليه زي الايفينلى

@mohamedhamza2801 2 жыл бұрын

float respects width a lot but flex is dynamic

@yvng4697 2 жыл бұрын

i mean if u didnt specify it in the first place, it will gonna be automatic which is better

@mohamedfouad6621 2 жыл бұрын

الله ينور يا بشمهندس بس ليه مدام فيه flex شرحت ال float و لا ده من باب العلم ب الشي ؟

@aymen5780 2 жыл бұрын

لا ستحتاج float في بعض الأحيان و يجب أن تتعلمه لأنه في بعض الأحيان يمكن أن يأتيك مشروع تعدل عليه يكون فيه float و يجب في هذه الحالة أن تكون على ذراية واسعة ب float و مشاكله ...

@basharsaad6284 2 жыл бұрын

❤❤

@MostafaAhmed-qh9ip 2 жыл бұрын

❤❤❤❤❤

@lokaelwardany2174 3 жыл бұрын

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

@amineelammari8690 3 жыл бұрын

هل يجب علينا تعلم تصميم صفحة الويب ببرنامج يعني زي ادوب .... و ثم تعلم اللغات او العكس و شكرا

@zainal-abdden5029 3 жыл бұрын

تلك اسمها تصميم واجهات البرامج وتجربة المستخدم هذه اسمها مطور ويب (واجهات امامية)

@amineelammari8690 3 жыл бұрын

@@zainal-abdden5029 اذن هل علينا تعلمها قبل js او بعد؟ و شكرا

@DoorStuck69714 2 ай бұрын

يا استاذ انا جربت لكن الpadding اخذ من عرض العناصر وماعرفت احسب صح شو الحل؟؟

@abduljalelmoftag2690 3 жыл бұрын

السلام عليكم 1-بعد كورس full stack develober web هل يمكنني انشاء منظمة جامعة ؟ 2-أتمنى ان تجمع الفيديهات في فيديو واحد لسهولة المراجعة السرعة 2x

@mahmoudramadan4196 2 жыл бұрын

I appreciate your effort. I have a problem with the text alignment vertically after justify the alignment and with the increase height of the text container I found the text moved to the top of the container I can't understand why and after googling I can't find suitable solution for this problem. I hope you can help me. Thank YOU.

@midouu38 2 жыл бұрын

Make a line-height like a parent height

@ahmedbaytalmal3266 2 жыл бұрын

vertical allignment works only in table cells, use (line-height) and set it equally to the parent height

@dmsalah 3 жыл бұрын

أنا مش مراعي ابدا على float كل الي يهمني هو flex

@abdelrahmanel-sayed3477 Жыл бұрын

معنى كده اني استبدل الفلوت بالفليكس

@webb-developer 8 ай бұрын

☑

@mahmoudsalma9466 Жыл бұрын

السلام عليكم لو سمحت يا بشمهندس ممكن افهم ليه فيه كود ال css كتبنا float div و flex div ليه مش بنكتب flex وخلاص ايه السبب مش فاهم الجزءيه دي

@amiraayman6964 Жыл бұрын

لما تكتب flex. الخواص اللى جواها بتطبق على ال parent نفسه ككل لكن flex div. الخواص اللى جواها بتطبق على كل div موجود داخل ال parent

@mohamedshaalan9332 3 жыл бұрын

انا مش فاهم space-evenly بيحسبها ازاي بين العناصر وحوالين العناصر في نفس الوقت؟؟؟؟؟

@abderrahimmoulessouiga 2 жыл бұрын

يعني لكل عنصر حافتين 2 في فيديو عندنا 3 عناصر . يعني 6 حواف 100 بالمئة ناقص 6 النتيجة 94 بالمئة

@abrartf1385 3 жыл бұрын

وصلت لهذا الفيديو وجيت اطبق ومااعرفت وتحطمت 😢💔 اعطوني طرقكم في المذاكره والتطبيق يمكن طريقتي غلط

@loontgb3711 2 жыл бұрын

يجب ان تقووم بتكليفات الموجوود بالموقع حتى انا منلك لكن لا تقلق وااصل وفهم كل حاجاا وانجز التكليفات و بعدما تكمل سوف تلقى عنوان بالموقع نقووم بانجااز 4 مواقع وهو يشرح كل حاجاا لذا لاا تيئس اجووك انت ما بفلكش كتيير

@abdalrahmansiyamek1161 2 жыл бұрын

حاولي تطبقي أول بأول من التكليف الأول لان في التكليفات اللي في البداية بيشرحلك كل حاجة تسويها أما اللي في النص بيفترض انك تكوني عارفتها + قروب الفيس بوك ممرا ما يقصروا إذا صعبت معاكي التكليفات وبيساعدو في أي مسألة لو طلبتيهم + وقبل هذا كلو طبعاً لازم تكوني مريتي على كورس الHTML. كل التوفيق ان شاء الله.

@Salah_Aldean Ай бұрын

المقارنة بين ال flex و float مزعجة جدا يعني لو شارح ال flex لوحدة كان افضل الله يبارك فيك على كل حال

@mgedsendian4782 Жыл бұрын

معنى الكلام انو مارح نستخدم [ flat ] نهائيا ولا في الا استعمالات بالمستقبل ؟؟؟ ارجو الرد لانو سؤال انا بحاجة اجابته

@ElzeroWebSchool Жыл бұрын

ايوة مش هتحتاجها

@mgedsendian4782 Жыл бұрын

@@ElzeroWebSchool ازا استاذ اسامة اللي رد عليي انا دخلت التاريخ استاذي ومثلي الاعلى 🖤🖤🖤

@malaksadek3684 Жыл бұрын

انا دلوقتي كاتب نفس الأكواد ومش ظابطة معايا الjustify-contect:space-between بتتعدل بس اما انقص الcalc ل70% الغلط فين

@khaladmohaned2002 10 ай бұрын

زود خاصيه(box-sizing)خليها (border-box)

@XKhLoodyX Жыл бұрын

بعد المقطع هذا انا كرهت الفلوت 😅 يا انه عقدني كثير وخلاني ابتكر اشياء وخرب علي في التصميم لكن الحمدلله ان فيه شي اسمه flex

@mr.doctype4038 3 жыл бұрын

انا دلوقتي كاتب نفس الأكواد ومش ظابطة معايا الjustify-contect:space-between ولما بمسح الpadding بتتعدل بس لازم انقص الcalc ل70% اعمل ايه بقي انا مش فاهم خالص

@ahmedheaba6493 2 жыл бұрын

*{ margin: 0; padding: 0; box-sizing: border-box; }

@loontgb3711 2 жыл бұрын

🥰😘😍

@yousefelmougy6786 2 жыл бұрын

أنا مش فاهم فايدة إيه فليكس دهن

@0_0-o1q 24 күн бұрын

لا حول ولا قوة إلا بالله🤗

@AmmarTube2008 Жыл бұрын

النقاط التي ناقشها الفيديو: - justify-content :center; 2:14 - justify-content: space-between; 6:44

@Braa844 Жыл бұрын

اي هو قلد احمد

@MS-gt9ou 2 жыл бұрын

3:22 الفلوت حافظ مش فاهم على عكس الفليكس

@muhandabd1176 3 жыл бұрын

جمــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــيـــــــــــــــــــــــــــــــــــــــــــــــــــــــل

@sasukeuchiha-xx5dn 2 жыл бұрын

تنبيه هام اذا ما استخدمت خاصية ال ;box-sizing:border-box ماراح تشتغل خاصية ال space تبع justify-content

@TheRanamaro 2 жыл бұрын

شغاله معايا عادي سواء استخدمت box-sizing او عدم استخدامها

@sasukeuchiha-xx5dn 2 жыл бұрын

@@TheRanamaro مدري انا ما اشتغلت معاي لما استخدمتها اشتغلت

@bayernlover7367 2 жыл бұрын

@@TheRanamaro لا مشتغلتش معايا الا بوجودها انت مش مركز بتلاقيك كاتبها فوق وانت مش داري صحصح يا عم

@bayernlover7367 2 жыл бұрын

انت شيخ 👍👍👍

@YoussefAlsalahy Жыл бұрын

comment

@yacine7 Жыл бұрын

لا لسا حاسس الfloat احسن 😂😂

@classicfingeratyle6159 6 ай бұрын

عقدت الشرح كتير مع الحسابات وال ( )calc

@oumar.hocein 2 жыл бұрын

مافيه داعي للمقارنةيمكن تخصص لها فيديو مستقل هنا نريد نتعلم الخاصية فقط حسيت الفيديو طويل وفيه معلومة واحده فقط

@ahmad-2686 2 жыл бұрын

بالعكس بالمقارنة أفضل

@oumar.hocein Жыл бұрын

@@ahmad-2686 يشرح اولا الخاصيه الجديده في فيديو اخر يقارنها بالخواص القديمه

@sierdomnic930 Жыл бұрын

كان ممكن بردو نعمل المسافات ب justify content بدلا من margin الله يكرمك بشمهندس اسامة

@Sostrong2000 2 жыл бұрын

السلام علیکم و رحمة الله جمیعا ارجو من الطلبة عدم الاکتفاء بالمشاهدة و التعلیم، بل السعی ایضا لتعویض جهود الاساتذة الکرماء الذین یجندون طاقاتهم و اوقاتهم لتعلیمنا بالمجان و دون ای مقابل بالطرق التالیة: ۱- مشاهدة جمیع الاعلانات للآخر فی بدایة و نهایة الفیدیوهات ۲- لایک و تعلیق علی کل فیدیو قبل مشاهدة الدرس ۳- نشر صفحة الاستاذ مع رسالة امتنان ولو لمرة واحدة فی ای صفحة تملکونها علی مواقع التواصل الاجتماعی، بهذه الطریقه لعلکم تنفعون أناس آخر بالتعرف علی المحتوی القیم و الاستفادة منه.