مقاطعك حلوة الله يقويك 6:31 الخاصية اللي بتتحكم في الsecondary axis of the flex box هي الalign-items ولازم تكون قيمتها center لا تنسو اخواننا في غزة من الدعاء
changing the flex-direction to column or column-reverse will set your main axis to run from the top of the page to the bottom, and therefore the cross axis runs along the rows. So, to set flex-items center with the flex-direction = column we need to use align-item:center;
ماشاء الله ربنا يزيدك يا بشمهندس الخاصية هتكون align-items ------------------ لأنك لما عملت flex-direction:column احنا عكسناها ف هتكون align-items هيا اللي هتشتغل شغل justify-content والعكس
الصراحة القناة بتاعتك تستاهل أكتر من كده بكتير
ربنا يجزيك خير ياهندسة
يا ريت لو تعمل course كامل والله ...طريقتك جميلة اللهم بارك ربنا ينفع بيك ومنك🤲🏻😍
مقاطعك حلوة الله يقويك
6:31 الخاصية اللي بتتحكم في الsecondary axis of the flex box هي الalign-items ولازم تكون قيمتها center
لا تنسو اخواننا في غزة من الدعاء
أهل أخي مدحت ، ممكن فيديو على microfrontend
باستعمال module federation
changing the flex-direction to column or column-reverse will set your main axis to run from the top of the page to the bottom, and therefore the cross axis runs along the rows. So, to set flex-items center with the flex-direction = column we need to use align-item:center;
ماشاء الله ربنا يزيدك يا بشمهندس
الخاصية هتكون align-items ------------------ لأنك لما عملت flex-direction:column احنا عكسناها ف هتكون align-items هيا اللي هتشتغل شغل
justify-content والعكس
لو flex-direction : column
ف بدل ال justify - content center
هتبقى align - items center عشان اتحولت من horizontal ل vertical
ياريت حضرتك تتكلم عن react design patterns
تقدر تستخدم translate من غير transform ده من الاضافات الجديدة فى ال css لو مش متابع
Thanks for sharing
```align-items: center```
جميلة الحاجات اللي كانت في السكة.
كل الفكرة انك عكست الاكسس الواي بقي اكس والاكس بقي واي 😅 6:40 align-items
align-items: center;
because main-axis in column is on vertical
عاوزين حاجه زي كدا للصور اللي بتكون في الكاردات والكاردات عموما يعني لو card جاله كلمه زياده
Align-items: center ;
algin-items: center
align-items:center
نضيف align-items : center
طب هوا انا ممكن اعمل
{
poison: absolute;
left : calc( 50%- "العرض بتاع ال ديف" ;
حاجه بديله لل transform 😅😅
مش هتشتغل في السكرين الصغيرة لو الاوبجيكت بتاعك اعرض م الشاشة وحجمه اتغير
كان ممكن تستخدم inset و تساويه بزيرو بدل ما كتبت كل الاتجاهات بنفسك وصفرتها
اسف جدا بعد اقل من دقيقة لقيتك مستخدمها
🤣
Align-items: center;