Learn CSS In Arabic 2021 - #57 - Grid - Parent - Template Columns

[@phpcoderforever]

Fraction is greedy Auto is shy😂

[@atsh_atsh]

ال auto = رجل طيّب ال fraction = رجل بلطجي.😅

[@ahmedm6644]

النقاط التي ناقشها الفيديو: ما هو ال grid system؟ 0:16 ال display: grid. و: 2:18 خاصية ال grid-template-columns. و: 3:04

[@abdelazizkhalid4231]

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

[@ibramenos]

اقدر اقول: الغزالة في الفيديو دا رايقة عن اي فيديو في من بداية الكورس 😅❤️... ربنا يسعد ايامك ويبارك فيك وفيمن تحب ياهندسه 🌷

[@VeNus-el4cf]

Lesson 57 done alhamdulilah and thank u mr ❤❤❤❤❤

[@kareem-]

من حلاوه الفيديو الواحد مش عايزه يخلص...

[@nourousa3794]

بارك الله فيك والهمك رشدك وبارك الله لكم في الوقت والأهل والمال ورزقكم من فضله الكثير دمتم متميزين كما عهدناكم دائما.

[@alsayedali5412]

الحمد لله الذي علمنا ما لم نكن نعلم جزاكم الله خير ❤

[@muhammadmashaly1299]

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

[@mohamedabd-elbaset6667]

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

[@thelino3893]

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

[@rodwangd2683]

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

[@majdalghozlan5541]

انت شخص رهييييب ما شاء الله

[@alphamath4095]

thank you Master, this is simple explanation to you guys : (if i helped someone by it dont forget me on douaa)*** Grid: =>Parent Properties : -- display:grid; / display:inline-grid; -- grid-templates-column:/ [numer of columns In] { px, % ,auto ,repeat() ,fr, Mix of all of theme}; auto: takes the rest enough space, if its empty it takes all the rest space.. if it's not it takes only the enough space[fit-content]. Fraction (fr) : 1fr = the rest space/total of fractions. total of fraction = sum of fractions that each column takes. Exemples: i). grid-templates-column:auto auto 1fr 2fr => content of each colomn = 20px => width of parent=640px so auto = 20px // because the rest is not empty. auto = 20px 1fr = (640-(20+20))/(1+2)=600/3=200px 2fr = 400px ii). grid-templates-column:auto auto 60px 1fr 2fr => content of each colomn = 20px => width of parent=640px c1) auto=20px c2) auto=20px c3) 60px c4)1fr = (640-(20+20+60))/(1+2)=540/3 = 180px c5)2fr = 2*180=360px iii). grid-templates-column:auto auto 60px 1fr 2fr 25% => content of each colomn = 20px => width of parent = 640px. c1) auto=20px c2) auto=20px c3) 60px c4)1fr = (640-(20+20+60-c6))/(1+2)=(540-160)/3 = 380/3 = 126.6667 px c5)2fr = 2*126.6667=253..px c6) 640*0.25=160px ***Thank You All.

[@mohamedyousry8834]

مجهود جبار فى الشرح واللة بامستر ❤️❤️❤️

[@abdalrahmanossama9756]

بارك الله فيك ي هندسه والله ✨👌 والله انا بحبك في الله ✨♥️

[@zafershoaybi]

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

[@AhmedMahmoudMMD]

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

[@malekalganadi1712]

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

[@Hussein....]

شرح جميل جدا تسلم ايدك ❤❤❤❤

[@ريم-الدفراوي]

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

[@0marAhmed72]

ربنا يجازيك كل خير ويرزقك ويدخلك الجنة يارب

[@yahiamady1305]

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

[@n_ammiii]

الفرق بين الauto و الfr ببان لما نستخدمهم هما الاتنين ومش لما نستخدم كل واحد لحاله. الauto بياخذ على قد مساحته. والfr بياخذ باقي المساحة كلها. بالنسبة لل% أو الpx فهي مساحة محددة مافيش مشكلة معها.

[@Sxheyfnnfnf]

ربي يجزاك الجنة ولوالديك ، اللهم امين 🤍

[@abdallahwael7501]

ربنا يباركلك يا أستاذ اسامه انا بتعلم منك والله فيديوهاتك روعه وربنا مايحرمنا منك وانا ١٤ سنه يقالي سنه بتعلم منك ونفسي اعمل معاك مقابله

[@ahmedbahy2140]

thanks really step by step explanation which made the matter simple and easy to be understood😃❤

[@_Ahmed_O]

ربنا يبارك لك يا باشمهندس, ويجازيك عنا كل خير. 🌹

[@abdo9825]

ادامك الله فوق رؤوسنا

[@pupaup4573]

الحمدلله شكرا لك

[@AHMEDELDEEB-x6t]

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

[@shabanelmogy7912]

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

[@amr9589]

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

[@theplayer3944]

جزاك الله خيرا❤❤ورزقك من حيث لا تحتسب

[@themonsterpal5040]

ال Auto للgrid : عيش وسيبني اعيش يا بيه

[@Jrk_Jrk]

شكرا ياعظيم يا عظيييم

[@ahmadbenchakhtir]

شكرا 🤍.

[@ramikamal6638]

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

[@siwar1746]

woww you are amazing:)

[@ahmedaliklay1233]

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

[@mohamedelagan7498]

شكرا جدا 😍

[@firaskafaween8475]

مين افضل الغريد ولا الفليكس للاستخدام , هل الفليكس يغني عن استخدام الغريد ؟

[@ابوعَدِي-ح6ب]

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

[@_remix5650]

thank you elzero

[@saidibrahim5931]

أول مرة ما فهمت منك درس ، حبذا لو تعطي هذا الدرس شرح كافي وممل بدون التسرع في الشرح

[@yousefsoof2984]

عليك بالتطبيق العملي على visual studio

[@kintag4459]

بارك الله فيك

[@alfredosaoud6091]

والله أنك بطل

[@mohammadhassn8399]

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

[@theplayer3944]

First comment😀❤

[@Termixa]

11:24 وعليكم السلام

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

thank you so much

[@Mo-uk8zl]

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

[@nabikira9511]

اشتغل بالفلاكس او الغريد لي يريحك واذا كنت تستخدم البوتستراب استخدم row اختصارا للوقت و الجهد ففي النهاية البوتستراب مبني عليهم

[@blazi_0]

أنا أحب اشتغل مع CSS ، بوتستارب تحسسك انك ما عملت شي كل العمل سواه بوتستارب

[@aymen5780]

@@blazi_0 صح أتفق معاك

[@theplayer3944]

❤❤❤❤❤

[@omardawoodi9544]

ur awsome

[@sihamlairedj1128]

ربي يحفضك

[@webb-developer]

✅ done

[@graphic-nations]

الله يحفظك

[@آفلَآطؤُنہ]

لماذا لم تعمل لدي خاصيه الdisplay:grid والخواص الاخرى التي تتبعها عند كتابتها في الاكواد

[@ion9562]

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

[@mohammad.m9720]

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

[@osamagharib1348]

❤️❤️❤️❤️

[@rufaidajumaa2566]

♥

[@mohamedhadhoud6701]

هو عشان ال auto shy يبقي استخدمو ال fraction الطيب ملوش مكان 😢😢😂😂

[@imok5746]

اسف للتعقيب على البرمجه انها منطقيه بس رأي ده ملهوش لازمه ياجماعه عاوز افهم ازاي 6:14 الايلمينت رقم 3 ياخد ال 25% بتاعته من ال 800px ؟ مش المفروض يحترم مساحه المربعين اللى قابله اللى اخده 300px من ال 800px بعدين هو يبتدي ياخد ال 25% بتاعته من ال 500Px الفاضلين؟ يعني ياخد 125px والعنصر الاوتو ياخد الباقي ف ديه منطقيه مني ولا فزلكه عل الفاضي 🙃

[@mostafa-ahmed22]

❤

[@JomanNoretro]

لا تزعل 😢

[@abdallaphotoshop4849]

انا عندي 12سنه وبتعلم برمجه

[@webb-developer]

☑

[@Sxheyfnnfnf]

الشخص اللي عامل ديس لايك ممكن تفهمنا شو اللي مو عاجبك استاذي ؟

[@bahaaaldeen9611]

اجدع مبرمج

[@YoussefAlsalahy]

comment

[@yousef7fon]

+

[@awabahmed217]

جزاك الله خير

[@marralkecjh]

بارك الله فيك

[@AmrHassan-g8m]

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