Learn CSS In Arabic 2021 - #64 - Finish The Grid Garden Game

[@aliadham1487]

كل ما يجيلي نوتفكيشن ان حضرتك نزلت حلقات جديده بحس بكميه سعاده غير عاديه و بحس بعظمه كدا ربنا يديمك علينا نعمه يااستاذنا الفاضل♥️

[@ElzeroWebSchool]

الله يباركلك يارب ويعزك

[@aliadham1487]

@@ElzeroWebSchool و يخليك لينا و يبارك فعلم حضرتك و يزيدك من نعيمه ان شاء الله♥️♥️

[@saidalhallaq9936]

ماشاءالله عليك انت انسان رائع قدوة يحتذى بها في المسيرة العلمية ربنا يوفقك ويحفظك طالبك من قطاع غزة - فلسطين

[@ElzeroWebSchool]

الله يعزك يارب ويكرمك غزة في قلوبنا

[@AA48-k1p]

فلسطين في قلوبنا و جوا عنينا

[@Soda-js2vx]

My CSS Grid Notes: Like flexbox, Grid is another modern and powerful way to lay out your html elements with css. Some people replace flexbox with it and vice versa. To use the grid system, in the Grid container/the parent element, we add display: grid; Then the child elements will automatically be laid out in a default format of 1 column and as many rows as needed. Grid has Grid-container/parent and Grid items Properties ***Grid-Container Properties*** -grid-template-columns: Allows us to create as many columns as we want for the grid elements to be laid out in and decide their widths. Example: grid-template-columns: 100px 1em 10% auto repeat(2,10%); This will create 6 columns with different widths, using different units which the grid system allows. There are two things to note with the units: 1- the repeat method which is useful if we want to create many columns with the same widths but don't want to type them all out one by one. 2- the "fr" unit which stands for fraction. You can think of it as a unit that indicates the element's share of the available space. Example: grid-template-column: 100px 10% 1fr 1fr; this will create 1 100px column, one column with 10% of the parent width's finally two columns that will share the remaining space between them equally. In this example fractions function the same as the auto value, but when used with auto its difference become visible. It will force the auto sized columns to fit their content only and will take the remaining space for itself. Hence the saying "Auto is shy, Fractions are greedy". Fraction are a bit similar in function to flex-grow. They represent the share the elements take up of the space. so if we have (1fr 2fr) columns, the second column will take twice as much as the first column note: auto value only works like fr value if the value of justify-content and/or align-content is stretch, otherwise they only take the size of their content. - grid-template-row: Decides the height of the rows. Assigning the values for each height and the units that can be used, is done in the same way as -grid-template-column -gap: shorthand property for: row-gap: space between rows column-gap: space between columns -justify-content: Used to align and space out grid columns. Default value is stretch. Meaning: take as much space as you can. -align-content: Used to space out grid rows Default value is stretch. Meaning: take as much space as you can. -grid-template-areas: As mentione above, The grid layout system allows you to specify how many columns and rows the grid will be split into and their sizes, using grid-template-columns and grid-template-rows. Then using the grid template areas you can specify what exactly fits in each column and row and how many columns and rows they take. It is an alternative way to sizing up and laying out elements, other than using grid-column: [grid-column-start / grid-column-end] grid-row: [grid-row-start / grid-row-end] on the grid items. For it to work you have to specify a name for the html elements that you want to specify. I don't mean with the "name" html attribute. No, we'll access the element with css and give it a property of grid-area:name; Examples: header { grid-area: header; } content { grid-area: cont; } aside{ gird-area: sidebar; } h1 { grid-area: logo; } Then we can use the grid-template-areas property like this: Assuming we have 5 columns of equal height. grid-template-columns: repeat(5, 1fr); And 3 rows: grid-template-rows: 50px auto 50px; grid-template-areas: "logo header header header header" "cont cont cont cont sidebar" "foot foot foot foot foot"; 1st row: a logo filling 1 column and the header filling the other 4 columns. 2nd row: content filling 4 columns with a sidebar in 1 column on the right. 3rd row: a footer filling up all the columns alone. we can add an empty column that is not filled by any element using a dot value instead of a name (.) ***Grid children/items properties*** -grid-column: shorthand property for grid-column-start: specifies which column to start from grid-column-end: specifies which column to end on. What to keep in mind is that the end number is non-inclusive. For example: grid-column: 1 / 4; The column will start from the first column and take up a space of 3 columns. You can also read it as "from 1st column till edge of the 4th column" This notation works fine usually, but if we make a mistake and have the item end on a column that doesn't exist the grid will create another column to fill up, which might break the design. So, instead we will use the "span" notation which will move the element down instead of creating moew columns. grid-column: 1 / span 3; "start from 1 and span/take the space of three columns" notice that span values are inclusive, as you'd expect. -grid-row: The same as grid-column but for rows. example: grid-row: 2 / 4; will start from the second row and end at the third row -grid-area: Can be given two types of values: 1- a simple name without quotes grid-area: logo; And then, this name can be used in the parent's grid-template-areas property to specify how much space the child element will take in the grid. 2- shorthand for grid-column and grid-row grid-area: [grid row start] / [grid column start] / [grid row end] / [grid column end] -order: If the grid items aren't laid out using any properties like grid-column, they will be placed according to their order in the source code (HTML). All items have a default value of 0. Modifying that value modifies the order. ***helper functions and values*** -repeat(number, width) ex: grid-template-columns: repeat(5, 100px); -minmax(minvalue, maxvalue) ex: grid-template-columns: minmax(200px, 500px); -"autofill" value This value represents a number of columns or rows that need to be created. That number is calculated at the start depending on the width of each column/row and the space available to place the columns/rows. ex: if the container's width is 1400px grid-template-columns: repeat(autofill, 200px); This will create 7 columns with 200 widths each. ***Grid practical tips and tricks*** 1- To easily create responsive website designs using Grid. You can leave to the browser the task of calculating how many columns/rows there should be, as well as their sizes. You can do this using grid-template-columns: repeat(autofill, minmax(200px, 1fr) The autofill value dynamically decides the number of columns/rows, The 1fr decides the maximum width the element can take. Since it is 1fr, it will take as much space as it can. If there are more than one column with 1fr maxwidth, space will be equally shared between them. This way, the column amount will change depending on the width of the page/parent grid and the child elements will fill up the whole container regardless of its width. 2- When sizing a column or row, instead of counting the columns/row from left to right you can do it from right to left by giving negative values. Example: grid-column-start: 1; grid-column-end: -2; Will size the element starting from the first column grid from the left, until the second column from the left. In effect it's the same as doing: Assuming we have 5 columns, grid-column-start: 1; grid-column-end: 5;

[@shimaameen2668]

الله لو كتبتها بالعربي كنت تتجمل صح وادعيلك

[@mohamedrebery5209]

@@shimaameen2668 🤣🤣🤣🤣🤣🤣🤣🤣🤣

[@bouchrabelkacem2578]

بالنسبة للسؤال 26 : الماء يمثل السطر الاخير فقط، ويجب عدم ملء 50px الاولى بالماء وعليه : grid-template-rows : repeat(4,12.5px) يعني نقسم 50 بيكسل على 4 صفوف ما يجعل كل صف يأخذ 12.5 بيكسل فيتبقى السطر الاخير الذي ياخذ كل المساحة المتبقية

[@mohamedrebery5209]

grid-template-rows: 10px 10px 10px 20px 1fr;تقربا ده شغال

[@haresabbass3289]

اول تعليق اكتبه ، ربنا يجعلك من الصالحين وتكون فى اعلى منزله فى الجنه ، كل كتبته فى الفديو ده انا عملت زيه بالظبط قبل ما اشوفه الفديو بتفصيل والخطأ حتى الكوما انت شربتنا علمك بشكرك على علمك الى وصل اسوان والنوبه اقصى جنوب مصر

[@RATBIABDELHAMID]

The solution for level 26 is: grid-template-rows: repeat(4, 12.5px) 1fr;. Since the water area begins from row 5 to row 6 (in the grid-row), all we need to do is create four rows with a combined height of 50px at the top of the grid and a 1fr row to take up the remaining space. As a result, we'll have 4 unwatered rows (each 12.5px) in our garden and 1 watered row. Just to be sure, try this solution and count the number of rows. You will find that the number of rows is 5. Thank you, Mr. Ossama. Jazaka Allahu khayran.

[@mdesoukymansour1]

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

[@talson3001]

15:21 grid-template-rows: 50px repeat(3, 0) 1fr; أفضل طريقة حصلتها

[@moazahmed1481]

grid-template-rows: 50px 0px 0px 0px 1fr

[@omarctech1201]

@@moazahmed1481 انا لما عملتها بنفسي جبتها زيك بس من غير ال 1fr وكانت شغالة من غيره بس كان طالب نعلمل 5 صفوف فمعرفتش اعمل ايه ايه لازمة الفراكشن؟

[@hossamahmed3375]

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

[@tito6338]

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

[@RATBIABDELHAMID]

الحل للمستوى 26 هو: grid-template-rows: repeat(4, 12.5px) 1fr;. بما أن مساحة المياه تبدأ من الصف 5 إلى الصف 6 (في صف الشبكة)، فكل ما نحتاج إلى فعله هو إنشاء أربعة صفوف بارتفاع إجمالي 50 بكسل في أعلى الشبكة وصف واحد لشغل المساحة المتبقية. ونتيجة لذلك، سيكون لدينا 4 صفوف غير مروية (كل منها 12.5 بكسل) في حديقتنا وصف واحد مروى. للتأكد فقط، جرب هذا الحل وعد عدد الصفوف. ستجد أن عدد الصفوف هو 5. شكرًا لك، أستاذ أسامة. جزاك الله خيرًا.

[@doicare2111]

problem no. 26: it requires 5 rows and the last row only contains the water for the garden, so one of the solutions is to fit 4 rows in the 1st 50 px (4 x 12.5px) and the last row will fill the table. grid-template-rows: repeat(4,12.5px) 1fr or grid-template-rows: repeat(4,12.5px) auto

[@MajedDalain]

it makes sense to me! thanks

[@shehabalhawary3638]

حل سؤال 26 بطريقه اخري اكثر منطقيه 👇 5 صفوف ( الاول 50px - المياه مقتصره علي الصف الخامس) grid-template-rows: 50px repeat(3, auto) 1fr

[@ameraashraf2463]

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

[@Amer-Adel]

@@ameraashraf2463 auto is shy and fraction is greedy... and because there is no content for these three columns and they also have 1fr columns with them so they will not take any space i think repeat (4, 12.5px) 1fr is good also.

[@yousefsadeek6640]

explaining : grid-template-rows: 50px 0 0 0 ( nothing ; or auto; or 1fr; ) for copy this: grid-template-rows: 50px 0 0 0 ; the ıdea ıs to make the last row cover the whole carrots🥕🥕🥕, but there is more than one row above the last row, then we will make every row, that we don't use with a height of zero cause simply you're elzero 😁 I'm not sure but I think this should be the right solution.

[@hadighazisy8138]

احلى فيديوهات في كورساتك يا مهندسنا الغالي هي من هاد النوع الرائع الله يبارك فيك😍

[@ahmednabil6808]

grid-template-rows: 20px 10px 10px 10px auto اول اربع صفوف بحيث يبقي مجموعهم 50 بكسل والصف الاخير يتملا اوتو او فراكشن grid-template-rows: repeat(4,12.5px) auto الحل ده بردو اوقع وشبه اللي طلع قسمنا ال50 علي اربعة عشان نستخدم ال repeat

[@VeNus-el4cf]

Lesson 64 done alhamdulilah and thank uuuu❤❤❤❤❤

[@khaledradwan2685]

ربنا يباركلنا فيك يا هندسة التمرين رقم 26 15:30 أنا جربت الحل ده ونفع grid-template-rows: 50px 0px 0px 0px 1fr; كده أنا خليته يعمل أول صف 50 بيكسل والصف الثاني والثالث والرابع بصفر والصف الخامس بباقي القيمة وبكده ابقي حافظت ان المياه تملي العناصر كلها لأن رابطني انها تبدأ من الصف الخامس

[@nono-dk6dy]

والله حضرتك اسطوره ربنا يبارك في حضرتك اول مره افهم الcss بالقوه دي عايزين كورس java script علشان نخلص ال front-end

[@khaledmohammad3597]

kzbin.info/www/bejne/m3zYf6GmjM2gbcU

[@rosehope5376]

باشمهندس q:26 grid-template-rows: repeat(4, 12.5px) 1fr

[@rosehope5376]

i stuck there but i got the idea from you

[@nourhassan1901]

Q 26: grid-template-rows: 50px repeat(3,0) 1fr;

[@essaazrak9709]

جزاك الله كل خير استاذ اسامة تمرين رائع لاستيعاب ال grid بس عندي تعقيب بسيط في السؤال 18 لخاصية ال order القيمة الافتراضية لجميع العناصر هي 0 يعني لو وضعنا ترتيب العنصر 1 سيصبح ترتيبه بعد جميع العناصر لان ترتيبها 0

[@sanaeareina5371]

بالنسبة للتمرين 26 حل هو : Grid-template-rows:50px 0px 0px 0px 1fr; يعني يوجد خمسة صفوف الصف الاخير يغمر بالماء و صفوف الاولى 50pxبدون ماء

[@nested9301]

idid this => Grid-template-rows :0px 0px 0px 50px ; and worked for me also haha

[@hamzamughales3407]

جميييل جمييل جمييل .. ربنا يبارك لك استاذ اسامة .. من اجمل الحاجات اللي في الكورس الجديد طريقة التعلم باللعب اجمل طريقة واحس بانجاز كبير لمن اخلص اللعبة قبل ماشوف الفيديو .. حاجة مفيدة جدا جدا جدا .. شكرا حد السماء .. كلنا كفوف مرفوعة للسماء داعية لك!

[@healingsounds6615]

حل السؤال 14 (grid-row:5/6; grid-column:2/3;)

[@diverRedSea]

another solution for 26 is >> grid-template-rows : 50px auto auto auto 1fr ;

[@Clipagain]

السؤال رقم 26 حليتو بطريقة تانية قبل ما اشوف الفديو؛ grid-template-rows: 50px 0 0 0 1ft

[@mohamedebrahiimabdelfattah2965]

Question 21: grid-template-columns:repeat(8, calc(100%/8));

[@moazahmed1481]

@15:21 grid-template-rows: 50px 0px 0px 0px 1fr

[@moazahmed1481]

aw 50px repeat(3, 0px) 1fr

[@ibrahimmmmm7821]

الله يجزيك الخير ويبارك فيكم محتوى رائع جدا .. قبل درست كورسات القديمة وحاليا انتهيت من html وبدأت css 🌷 محتاج مراجع كتب عربية للغات html , css , js ..... اذا موجود لا تبخلو علينا

[@uzer7691]

سلام

[@uzer7691]

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

[@ibrahimmmmm7821]

@@uzer7691 القديم داخل مع الhtml بعض معلومات css وايضا معلومات مفصلة اكثر ابدأ بالجديد حتى ما تضيع وقت وبعدها حاول تشاهد كم فيديو للكوس القديم لو عجبك تابعو يكون مراجعة للكوس

[@AhmedMahmoudMMD]

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

[@hakou94abs]

11:34 grid-template-columns: 16.66% 1fr

[@omarhm2563]

شكراا جدا لمجهودك ولمعلوماتك القيمة, شكرًا لك والله يوفقك دنيا وآخره.

[@hamzazahir1480]

حل السؤال 26 هو: grid-template-rows: 50px auto auto auto 1fr

[@Ahmed_JS]

grid-template-rows: 50px auto auto auto 1fr; //مرحلة 26

[@EddineDjabou]

الصراحة في التمارين الأخيرة رجعت تفرجت الفيديو

[@ebrahimelsakr3310]

اخر سؤال جه فى دماغى كده grid-template: calc(100% - 50px) / 20% auto بس افتكرت ان الfraction افضل عشان يبقى dynamic

[@heshamelsharkawy1216]

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

[@ahmedgamal-di6qp]

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

[@zainahalasmari5347]

شكرًا لك والله يوفقك دنيا وآخره

[@oumar.hocein]

نحس التبيق هنا سهل جدا و واضح اكثر من الدرس

[@mohamed_El-sayed_1]

سؤال 26 أعتقد أنه أسهل حل ليه grid-template-rows : 50px auto auto auto 1fr

[@kinge2613]

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

[@نهادراماوم]

السؤال ال 14 في اللعبة حليتها بسطر واحد grid_area : 5/2 ;

[@ysef1102]

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

[@abdallahemad1943]

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

[@husammohamed2908]

حل السؤال رقم 26 بعد ماعكيت فيه كثير الصف الاول حيكون 50px واللي والصف اللي بعده 0 واللي بعده 0 واللي بعده 0 يعني الحل كذا grid-template-rows: 50px 0 0 0 ياريت تجربوها

[@kamelalkapelo4834]

the solution of question 26 is : grid-template-rows: 50px 0fr 0fr 0fr;

[@ahmadbenchakhtir]

شكرا 🤍.

[@abdo9825]

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

[@ghaithatfeh212]

الشكر قليل بحقك والله🌹🌹

[@yahiatahsin1953]

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

[@bouhasma8335]

بالنسبة لي كمبتدئة استطعت الإجابة على 24 مستوى من 28 الحمد لله

[@Ta9i]

8:05 انا حليتها هكذا grid-area:1/5

[@awabahmed217]

جزاك الله خير

[@zafershoaybi]

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

[@Good-day2025]

ده كان حل سؤال 26 اللي طلع معايا صح grid-template-rows: 50px auto auto auto 1fr;

[@VeNus-el4cf]

I have solved them all withut any help 😭😭😭😭😭❤❤❤❤❤❤❤❤❤❤

[@JomanNoretro]

احسنتم ❤❤

[@mohammadattallah8689]

15:30 grid-template-rows: 50px repeat(3,0fr); حليته بهاي الطريقة وطلع مزبوط

[@niha4813]

♥♥♥ شكرا لحضرتك

[@JustReels7007]

السؤال ال 26 انا كمان اتلخبطت فيه يااستاذناا.............. الحل حليتو زيك ومش مقتنع بيه كمان.....ههههههههههههه

[@mohammedhassona99]

ايش بتفرق لو شقلبت ال span قبل الرقم او الرقم قبل ال span span 2 2 span

[@ssssomrany3411]

ماتتأخرش علينا في الفيديوهات يا باشا 🙃

[@ElzeroWebSchool]

بكرة باذن الله الدروس الجديدة

[@drmohamed8413]

@@ElzeroWebSchool انا مستني

[@mohamed.mowafy]

ربنا يبارك فيك ي فخر العرب

[@ramadanibrahem4475]

حل رقم 26 يا هندسة كان عاوز الماية في المساحة كلها ماعدا ال50 px الي فوق فاهتعمل 4 صفوف تبقي مجموع مساحتهم 50 px والخامس ياخد باقي المساحة grid-template-rows:10px 10px 10px 20px 1fr

[@hamed_18_3]

level 26 grid-template-rows: 50px 0fr 0fr 0fr ; edit: مش شرط fr المهم انها تكون 0

[@hamzahamza711]

thanks so much for this video

[@abdelazizetaib9305]

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

[@shady3bdelzaher554]

شكرا يا اجمد مبرمج

[@الشبحالمتخفي-ف2ي]

في السؤال 26 انا جاوبته كدا grid-template-rows: 50px 0 0 0

[@AliAli-ze2oz]

السلام عليكم. هل يمكن ان ناخذ نصف الصف او العمود ؟

[@aldasouki6624]

في ال level 26 انا حطيت Grip-template-columns: 50px 1fr; وعدوني ع المرحلة ل بعدة ف سؤالي ب متل هيك حالة بتتقال جملة كل شيخ ولو طريقتو ؟! ولا هو طريق واحد وجد شكراا كتيرر لحضرتك ❤️ انت تقريبا غيرت حياتي

[@firaskafaween8475]

اسطورة يا غالي

[@oussamabourahla6842]

question 26: grid-template-rows: 50px repeat(4, 1fr )

[@ahmedbayoumi1090]

15:24 في Level 26 انا حليته كده وعديت المرحلة grid-template-rows: 50px 0% 0% 0% واعتقد ده الحل اللي مقصود

[@ElzeroWebSchool]

ممكن ياغالي

[@mosalim2694]

الاجابة خطأ لان الماء لازم يكون في الصف الخامس فقط. الاجابة الاصح هي: grid-template-rows: repeat(4, 12.5px) 1fr

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

thank you so much

[@ahmaddalao]

أستاذ اسامة بالنسبه للسؤال رقم 26 الي قلت مالك مقتنع بالحل انا حليتو بالطريقة دي grid-template-rows: auto auto auto 50px 1fr;

[@Pcsherif]

وأنا حليتها grid-template-rows: 50px 0 0 0 1fr أو أوتو بدل ال1fr

[@djaberabdelalimehamlaoui9652]

و انا حليت السؤال ب 0 0 0 50px

[@hussammohammad5576]

ممكن تكمل كورس البايثون يا أستاذ أسامة

[@yasinhamad5982]

thank you

[@tamawy]

السؤال 26: ده الحل بتاعي واشتغل: grid-template-rows: 50px repeat(3, auto) 1fr الفكرة بس إن ال auto لسة مقالهاش في اللعبة

[@mohamedsase7250]

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

[@Ris3rNuL]

نفس الغلطة فى الدقيقة 9:55 😂😂

[@ahmednd9954]

بارك الله فيك يوجد لغة عربية داخل الموقع لشرح المسألة

[@Quran_90980]

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

[@greenzone1127]

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

[@A.Dalton]

2:43 حد فاهم ليه -2 منفعتش

[@SILVER-ed6xb]

السلام عليكم انا عم حاول ادخل في مجال البرمجة بس حابب اسأل انو هل بعد ما اخلص من كتابة ال html للموقع مثلا انتقل لل css ولا لازم انا و عم اكتب ال html اكتب ال css في نفس الوقت وشكرا استاذ متابعك من سوريا

[@minanabil1035]

لوسمحت استاذ اسامة، ممكن ترشحلي كورس أو فيديو بشرح الجزء بتاع توقع اسعار الاسهم عن طريق لغة البايثون؟ شكرا.

[@mohamedrafaat5542]

فى التطبيق رقم 4 ممكن أعمله _5 وهتنجح الطريقة

[@nourmamdouh5511]

لو سمحت يا بشمهندس انا شوفت حل ل level 26 بس مش فاهمه ف لو ينفع تشرحه grid-template-rows: 50px 0 0 0;

[@MrYousefms]

لو سمحت استاذ اسامة هل سبق ان شرحت لغة typescript لانني بحثت عنها بقناتك ولم اجدها

[@monyhady5580]

انا منزله برنامج atom لكن لما بكتب الاكواد مش بيظهرلي الاخطاء اللي تحت دي ايه السبب؟

[@عبدالحميدجوهري]

thanks

[@Mohammdragab]

لو حد يفيد.. اللاب ما بيشحنش العيب ممكن يكون فين؟؟

[@aymanalamawi9524]

مهندس أنا في التمرين 25 كتبت grid-template-columns: 75px 3fr 210px و كانت النتيجه متل ما طلعت بِ grid-template-columns: 75px 3fr 2fr بس أعطاني أنه غلط ليش يا ريت ترد علي و شكرا َ 💕☺

[@mohamedbabchikh9891]

حطو اليوم مسلسل جديد اسمو زيرو أول ما شفت الاسم تفكر أسامة الزيرو

[@fezoahmed9879]

بالنسبة للسؤال 26 ينفع يبقي كده 10px 10px 10px 20px ; او ينفع كده برضو 10px 10px 20px 10px 1fr ;

[@mosalim2694]

الاجابة الثانية صحيحة لكن الأولى خطأ

[@KingKing-hf1mm]

السلام عليكم أستاذنا الغالي ،، أستاذ لو سمحت بدي اسماء مكتبات البايثون الي بتدخل بمجال التشكرات والفحص بتمنى ترد أستاذ ولك جزيل الشكر 🌷

[@Haider03A]

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