برمجة وتطوير
برمجة وتطوير

@proadev

8 تغريدة 79 قراءة Oct 09, 2022
توسيط العناصر باستخدام CSS Grid 🚀
بهذه الطريقة تقدر توسط العناصر افقيا وعموديا وبكود لا يتجاوز السطر ❗️
👇
يمكننا توسيط العناصر بـcss باستخدام خاصية grid بسهولة ومن خلالها يمكننا توسيط العناصر افقيا وعموديا وبكود لا يتجاوز السطر... ويمكن توسيطها بعدة طرق باستخدام خاصية grid 👋..
بالبداية نقوم بتعريف عنصرين .. وهنا سميت العنصر الاب article والعنصر الابن div
🟥 التوسيط باستخدام place-self
🟥 التوسيط باستخدام justify-content و align-items
🟥 التوسيط باستخدام Margins
🟥 التوسيط باستخدام place-items
الخلاصة ⛔
يمكننا استخدام اي من هذه الطرق لتوسيط العناصر باستخدام grid وكلها صحيحة وعملية , وابتعد عن اي طريقة يمكنها ان تعمل لك مشكلة من خلال الهوامش او اختلاف حجم الشاشات ✅...

جاري تحميل الاقتراحات...