#ثرد

وقف استخدام الـ pixel في كل حاجه في الويب?‍♂️

فضلها وارجع لها

#CSS https://t.co/IX0dgfDPvJ

احد المشاكل اللي نواجهها اننا نستخدم البكسل دايما في الاحجام داخل الـ CSS

فين المشكله بالضبط ..❓

المشكله انو الـ px ينفع في التصاميم الثابته في الويب

فلو تغير المحتوى الكتابه او واحد فتحه تطبيقك عبر الايباد راح يختلف كل شي ويخرب شكل الويب

فندخل فإن الصفحه هنا مش responsive?

مش responsive مع المحتوى ?

طب ايش الحل لهذه المشكله..؟

في حاجه اسمها CSS unit جرب استخدمها

الـ Css يوفر لنا خيارات كثيره مع مختلف الاحجام عشان يتلائم مع المحتوى ويكون رسبونسف

فعندنا :

1- Absolute unit

الاحجام المعروفه px, mm ,cm

2- Relative unit

واللي تركيزنا راح يكون فيه وهي rem و em

فعندنا الـem و rem

هي relative unit ومن اسمها تكون نسبيه

والفكره كل 1rem = 100% من حجم الخط فلو كانت

1.1rem = 110%

فركز معي فين نستخدمها ..?

1- نستخدم الـem

في الـpadding و margin

ليه بالضبط في padding ,margin ..؟?

لانه يكون متغير حسب الـ parent tag زي div

فراح يكون ثابت مهما كان المحتوى متغير

فمثلا تصميم الزر زي اللي تحت

لو كان مثلا margin:1em

راح يكون ثابت مهما تغير المحتوى عكس البكسل https://t.co/2cHlKYGxH2