تعلم توحيد ارتفاع البلوكات في التصميم بواسطة استخدام Line Clamp في CSS 

خاصية line clamp في CSS تسمح للمطورين بتحديد نص محدد الطول في عناصر الواجهة بطريقة أنيقة ومرتبة. تُستخدم هذه الخاصية لتقليل تجاوزات النص الزائدة وتحسين قراءة المحتوى، حيث تقوم بقص النص الزائد وعرض النص المختصر مع إضافة علامة تعداد. تُستخدم عادة في العناصر التي تحتوي على نص طويل مثل العناوين والوصفيات لتحسين تجربة المستخدم وجعل التصميم أكثر جاذبية واحترافية.
روابط القناة على جميع المنصات
يوتيوب | / @mhmajeid
تلقرام | t.me/mhmajeid
الفيسبوك | / @mhmajeid
انستجرام | / mhmajeid
تويتر اكس | / mhmajeid
تيكتوك | www.tiktok.com/mhmajeid
ديسكورد | / discord
❤️رابط دعم القناة:
/ @mhmajeid
🎥فيديوهات قد تهمك
👈أسهل طريقة لبدء استخدام CSS GRID • أسهل طريقة لبدء استخدا...
👈defer Attribute In JavaScript | • defer Attribute In Jav...
👈How To Create Filter/Search List In JavaScript • How To Create Filter/S...
👈not() Selector In CSS • 19- not() Selector In ...
👈has() Selector In CSS • 18- has() Selector In ...
👈is() selector In CSS • 17- is() selector In C...
👈New CSS nth-child() number of class • 16- New CSS nth-child(...
👈أخطاء قد تفعلها دون أن تعرفها - احذر الوقوع فيها ! • أخطاء قد تفعلها دون أن...
👈Gradient Borders in CSS • Gradient Borders in CSS
👈CSS Before and After Pseudo elements • CSS Before and After P...
👈 تحسين تلميحات التحقق من صحة المدخلات الخاص بك بدون JS! • تحسين تلميحات التحقق م...
👈استدعاء واستخدام Font awesome 6 في المواقع • استدعاء واستخدام Font ...
00:00 | المقدمة
00:40 | كتابة اكواد HTML
02:00 | استخدام خاصية flex
02:24 | تنسيق الصورة figure & img
03:41 | تنسيق كلاس content
04:26 | ضبط padding الخاص بالـ cards
04:55 | ضبط حجم الخط font-size
05:08 | تعديل في ملف HTML
05:25 | شرح Line Clamp
07:05 | ضبط خصائص h2
07:51 | مراجعة الكود والتأكد من سلامته & الخاتمة