Learn CSS In Arabic 2021 - #41 - The Box Model And Box Sizing

The Box Model And Box Sizing
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

[@zakariemahmoud3548]

خير الناس أنفعهم للناس. تحياتي لك من الصومال يابطل. رغم أن اللهجة المصرية صعبة شويا بالنسبة لي , فهمت كل الدروس اللي أخ>تها ولم أر أحد شرح مثلك. أدعولك من قلبي أن يعوضك كل ما تتمناه في الدنيا والأخرة

[@46pp17]

عدت المقطع 3 مرات وفهمته 100% عاشت ايدك عالشرح

[@tahahassan156]

اي كلما اذكر الموتزيلا تجي ببالي الموزريلا احبك اسامة انت انسان رح تغيرني الله يجازيك بالخير

[@Life_forms]

جزاك الله خيرا , والله لئن ذكرنا الله لا ننساك

[@ahmedm6644]

النقاط التي ناقشها الفيديو: ال Box Model. و: 1:47 ال box-sizing. و: 3:21 تحديد كل العناصر في ال CSS. و: 6:20

[@ahmedaboelazm4774]

ازاي العناصر جنب بعض وهم div

[@user-ud5sk6pu3l]

@@ahmedaboelazm4774 استخدم ال float:left

[@yazanrahhal8031]

​@@ahmedaboelazm4774 ال float

[@alsaremalmaslul]

6:45 المودزريلا

[@khalidihicham7860]

تحية وتقدير من المغرب⁦🇲🇦⁩ لأحسن مبرمج في عالم ⁦❤️⁩

[@ghenaallaham7537]

لا انا وقت تقول موتزيلا بتزكر قنات codezilla 😀 شكرا من القلب عالشرح المميز انا اول ما بلشت اتعلم حسيت الموضوع كتير صعب وكنت رح اترك المجال بس بعد ما تعرفت على قناتك الحمد لله سهلت عليي كتير شغلات الله يجزيك الخير

[@user-xs2pk1lk3u]

وين وصلتي ؟ كملتي لغات ثانية غير الhtml ,css ?

[@MohammedMohammed-zl9ei]

استاذ اسامه نتمنى بعد نهاية الكورس تسوي لينا مشاريع بالhtml وcss.

[@ElzeroWebSchool]

حاضر

[@Ali_abbas1997]

@@ElzeroWebSchool اي والله جداً محتاجين تعلمنه كيف نسوي المشاريع ♥️

[@mazennasser7480]

@@ElzeroWebSchool الله يخليك لينا❤️

[@ahmed7253]

@@ElzeroWebSchool يشيخ الله يسعدك يزيدك علم و مال روح ربنا يرزقك

[@abdelazizetaib9305]

@@ElzeroWebSchool الله يسعدك

[@sondosabd1878]

جزاك الله كل خير يابش مهنس شرح رائع وممتاز تحياتي من فلسطين من غزة بارك الله فيك الله يزيدك من العلم

[@loaitaher]

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

[@noname4011]

🤣🤣🤣🤣 اكتر معلم مفيدة وخفيف الدم. لا مش انت وحدك بتحس انك عاوز تأول موتزرلا بعد موزلا ❤❤

[@ahmedkotb6187]

فعلا العمليه بتقلب مع الواحد بيتزا خالص مع mozilla جزاك الله خيرا

[@CSCoreDecoded]

6:50 هههههههههه لا لا مش لوحدك زيي بالظبت

[@ekremahashim93]

6:50 هههههه

[@yassinsalahdin1357]

أنا بحبكـ جداً ياهندسة والله .. جزاكـ الله كل خير

[@hodanabeil3651]

زيك ي هندسة افضل قناة في الوطن العربي تستاهل حرفيا

[@fatimamrabat6140]

ما تقدمه عبارة عن صدقة جارية شكرا من القلب

[@rodwangd2683]

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

[@Creative-art77]

مثلك في الموتزريلا .. شكرا لك والله ينفع بك ويكتب اجرك

[@diandard9435]

النقاط التي ناقشها الاستاذ اسامة في الفيديو من عيوني الجوز ومناخيري اللوز 😂 الدقيقة 5:00

[@user-ud5sk6pu3l]

اهم شي😂🤣🤣🤣

[@hakeem2478]

شكرا لك على المجهود الرائع

[@user-vn7rd8mc1m]

اجزاك الله خيرا يا دكتورة اسامه ربنا يزيدك علم وهدى وتقى ونور

[@hadeeribrahimali6929]

جزاك الله خيرا بجد :) مشكلة الموزيلا مشكلة عامة

[@mohammedraad9863]

شكرا على المجهود العظيم. و مشكلة الموتزاريلا لست وحدك ^_^

[@rinros2923]

الله يحفظك عالجت نفس المشكلة لي كنت ابحثلها عن حل في بدايتي وكنت طول الكورس أتساءل إذا في خاصية مثل هيك ....الله يجازيك ويبارك في رزقك انت الله جعلك مبارك وخلاك تفيدنا كثير والله 💞

[@hibamozi266]

الله يعطيك العافية

[@amraref8910]

جزاك الله كل خير يا استاذ اسامة علي كل المجهود الجبار اللي حضرتك بتعمله

[@_remix5650]

اقسم بالله تصدق اجمل دورة يالله قد ما انا مستمتع فيه🥰😍😍

[@MohamedAlizsc]

تم الانتهاء من الدرس رقم ٤١ يوم 27/8/2024 ونسأل الله أن يلهمنا للنهاية وشكرا يا باشمهندس أسامة

[@ahmednazek4745]

جزاكم الله خيرا ، موتزاريلا يا برنس الويب والبرمجه كلها

[@VeNus-el4cf]

Lesson 41 done thank u alhamdulilah❤

[@daliaelbakry]

مش لوحدك يا هندسة

[@AhmedIbrahim-ix1fv]

if select box-sizing for hole page the inside area for div with 600px will decrease

[@-elbarody6295]

شرح ممتاز وطريقة تقديم المحتوى ممتاز جدا .... شكرا باش مهندس أسامة

[@user-gy8me5ut8f]

شكرا لك على المجهود اللي تقدمه الله يجزيك خير❤

[@mohamedhammad1883]

ضحكتني من قلبي علي حوار الموتزاريلا دي يا معلم ❤

[@mohammed43425]

جزاك الله خيرا استاذ اسامة....بالتوفيق الى نهاية الكورس...ننتظر مشاريع في html css بعد نهاية هذا الكورس اذا كان ممكن ؟؟

[@zafershoaybi]

جميل يا هندسة❤ جزاك الله خيراً

[@littlestarling]

🌺شكرا جدا .. ربنا يجزيك خير الدنيا والآخرة

[@mohamedibr752]

اللهم صل وسلم على سيدنا محمد صلاة تحل بها عقدتي، وتفرج بها كربتي، وتمحو بها خطيئتي، وتقضي بها حاجتي.

[@waleedfarouk9536]

😁😁😁😁موتزوريلا ولله ببقي مركز في الكورس ومره واحدة اضحك من الافهات اللي بتقولها

[@mohamadayman6372]

شكرا جدااا❤ ربنا يبارك في حضرتك يا هندسة

[@HaiderMosaab]

^_^ واللهي فعلا تواجهني نفس المشكلة اقول مودزيرلا

[@WassimBolles]

mee too ya batal tjini mozzarella kol maktbtb mozilla. thanks for the course ❤❤

[@engmedo20111]

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } didn't work globally, I need to add box-sizing: border-box; to the element itself.

[@AhmedMohamed-fx9wy]

وانا برضوا

[@yarazuhd8113]

me too

[@freespirit2528]

اظن عشان بشتغل في ال parent كمان عشان كدا بيخرب

[@pfndnetnet3964]

@@freespirit2528 لازم يستثني عنصر parent من خلال وضع خاصية box-sizing: content-box; بداخله

[@hawraahaider9844]

same thing with me

[@wildingpipes5653]

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

[@user-bp1kf1qs9x]

نفس مشكلة المودزاريلا بالظبط ياهندسة

[@tspassion8652]

شكرا لك متابعك من المغرب احبك في الله

[@rayen-N1]

artist 🤩

[@omarq5195]

صاحبي الرخم يقول مش مصدقك 😂😂😂😂

[@abdulrahmansalam536]

@Nizar Prog مي ثري 😂

[@amrmansour450.]

​@@abdulrahmansalam536😂😂😂😂😂😂😂😂🥚🥚

[@moko2033]

@@abdulrahmansalam536مي فقير

[@user-nk6pf5vz7z]

😂😂😂😂😂

[@hobaemad9305]

اشكرك بجد على مجهودك❤

[@Hamza-zc2cy1xr3m]

معاك بالموزريلا يااستاذ اسامة

[@firaskafaween8475]

بارك الله فيك و في علمك

[@yasseressawy681]

جزاك الله خيرا ا/ اسامة

[@youcefyoucef6802]

بارك الله فيك ربي يرزقك و الله شرح جميل و سهل

[@user-xy6bt5uw1j]

بعد اضافة * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } هنضطر نزود ال width فى ال parent علشان يحتوي الاتنين div فى نفس السطر

[@user-if4pd7rd9f]

لا

[@zafershoaybi]

لأنو حتى الparent أخذ الخاصية، فهيأثر ع المحتوى اللي داخلو حتى ما يزيد حجمو، إلغي الخاصية لكل العناصر واعطيها بس للone

[@abdelkrimessassi7311]

Thank you

[@passcodeabdallah5362]

شكرا يا استاذ أسامة ربنا يجزيك الخير إن شاء الله 🌹🌹🌹

[@user-rg6vb7ng9l]

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

[@abdessamadaitmansour1088]

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

[@Abu_Fahad_94]

شرح مميز وراقي ربي يوفقك يا طيب تحيه الك من العراق

[@forchildren1006]

عظمة علي عظمة على عظمة👏👏👏👏

[@abderrahimlaradji4169]

بارك الله فيك

[@berhoumibrahim4585]

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

[@8xhebo]

انا بقيت انطقه موتزرلا علي طول وريحت دماغي 😂😂😂❤ 6:48

[@adibhmidi3807]

السلام عليكم الله يجزيك الخير اخي اسامة دروسك رائعة ولكن ممكن تشاركنا كتب تعليم html css js كتب من اجل زيادة المعلومات والاحتراف ........... وربي يجزيك الخير دنيا و آخرى على مشاركة المعلومات

[@user-qu9sk7ww7w]

جزاك الله خيرا وجعلها في ميزان حسناتك

[@zeynepissa1785]

انا بقول موزريلا "نوع جبنة " ههههه الله يحفظك استاذنا العظيم

[@kitabsawti]

than you so much elzero

[@OmarEsKhashaba]

ماشاء الله علي ادائك . كان عندي سؤال حضرتك شرحت grid css ولا لسه دورت في القناه مش لاقي حاجه بتشرحه .. شكرا علي كم المعلومات الجميل اللي بتقدمه وجزاك الله خيرا

[@user-mt5yp5qn9l]

صباح الفل يا باشمهندس اسامه

[@ElzeroWebSchool]

صباحك ورد

[@Jad.abouzaki]

انت انسان قبل ان تكون مهندس محترف شكرا للك

[@sallyomar1430]

me too same Problem mr osama 😂😂

[@mohamedaly1239]

لا مش لوحدك احنا كمان نفس الموضوع بنبقى عايزين نقول Mozzarella 😅

[@ahmadbenchakhtir5787]

شكرا 🤍.

[@online_money_bdaraj]

شكرا لك يا اخي

[@mohamedessam8231]

وانا عندي نفس المشكلة موزيلا = موتزاريلا 😅

[@mohamedhewidy6391]

اتا كنت في حصة الحاسب بقول عليه موزاريلا فيرفوكس بردو :)

[@ritellouai6391]

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

[@korosensei3791]

6:49 والله مش لوحدك 😂😂💕

[@magdyhassan2902]

Thank You.

[@user-ud8jf1du1c]

thank you so much

[@Ahmedkhaled-mg2hj]

الحمدلله انا مفهمتش اي حاجه غير قليل بس اشطا هفهم مع الوقت

[@mmm74404]

بشمهندس اخر جزئية لما جربتها اعمل الخاصية عامة لكل العناصر التنظيم باظ

[@shamelnet48]

شكرا لك يا محترم

[@adelkarim2665]

merci

[@malekalganadi1712]

شكرا لك ربنا يكرمك

[@XPSTOP]

تحياتي لك أستاذنا الكريم ولكن إذا سمحت تعمل في نهاية الدوره شاشة في تكست بوكس وفيها لبيبل وعناصر ورتبهم ونسقهم عشان نستوعب أكثر للأمانه أطبق معك بشكل سليم ولكن لما أحاول أصمم أحس أني مش عارف أرتبهم ولا أنسقهم وشكراً صوتاً مسموع أن شاء الله

[@abdelrahmanshehab3540]

ايوة موضوع الموتزاريلا عندي بردو xD

[@MohamedMahmoud-xv4sx]

من عنيا الجوز ومناخيري اللوز :D

[@tareqbk1870]

but this box-sizing method doesnt work when i try to add more margin, it seems to be working only with padding and borders

[@youssefagla1466]

perfecto!!

[@bahaaaldeen9611]

انا كمان بستخدم الموزاريلا 😉

[@TwelveDouze12]

mozzarella gang 🙋‍♂

[@youssefkhaled1189]

6:54 مش لوحدك متقلقش 😂

[@maamounhajnajeeb209]

من عيون الجوز ومناخيري اللوز

[@basharabdulah8505]

عليه النعمه بروفييييسووور🥰😂

[@armyuluv9640]

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

[@OUSSAMA-ob1dk]

just one question in my mind is the margin included in the equation of box sizing or not

[@ebrahimkassem8939]

دمك سكرررر أقسم بالله😂😂

[@salehhussain7902]

06:52 انا طول عمري فاكرها موزاريلا اصلا ههههههههه

[@asmaeraida2973]

شكرآ على الدرس لكن عندي سؤال لماذا تستخدم overflow:hidden عوض display:inline-block🙏🙏🙏

[@MohamedAlizsc]

ارجعي لدرس الـ Float والـ Clear رقم 27 وأنتي تفهمي ، ببساطة عشان هتحتاجي ساعتها تظبطي الـ width بتاع العنصر بنفسك لكن الاوفر فلو بتظبطها لوحدها