تعلم توحيد ارتفاع البلوكات في التصميم بواسطة استخدام Line Clamp في CSS
خاصية line clamp في CSS تسمح للمطورين بتحديد نص محدد الطول في عناصر الواجهة بطريقة أنيقة ومرتبة. تُستخدم هذه الخاصية لتقليل تجاوزات النص الزائدة وتحسين قراءة المحتوى، حيث تقوم بقص النص الزائد وعرض النص المختصر مع إضافة علامة تعداد. تُستخدم عادة في العناصر التي تحتوي على نص طويل مثل العناوين والوصفيات لتحسين تجربة المستخدم وجعل التصميم أكثر جاذبية واحترافية.
روابط القناة على جميع المنصات
يوتيوب | / @mhmajeid
تلقرام | https://t.me/mhmajeid
الفيسبوك | / @mhmajeid
انستجرام | / mhmajeid
تويتر اكس | / mhmajeid
تيكتوك | https://www.tiktok.com/mhmajeid
ديسكورد | / discord
❤️رابط دعم القناة:
/ @mhmajeid
🎥فيديوهات قد تهمك
👈أسهل طريقة لبدء استخدام CSS GRID • أسهل طريقة لبدء استخدام CSS GRID
👈defer Attribute In JavaScript | • defer Attribute In JavaScript
👈How To Create Filter/Search List In JavaScript • How To Create Filter/Search List In J...
👈not() Selector In CSS • 19- not() Selector In CSS | Learn CSS
👈has() Selector In CSS • 18- has() Selector In CSS | Learn CSS
👈is() selector In CSS • 17- is() selector In CSS | Learn CSS
👈New CSS nth-child() number of class • 16- New CSS nth-child() number of cla...
👈أخطاء قد تفعلها دون أن تعرفها - احذر الوقوع فيها ! • أخطاء قد تفعلها دون أن تعرفها - احذر ...
👈Gradient Borders in CSS • Gradient Borders in CSS
👈CSS Before and After Pseudo elements • CSS Before and After Pseudo elements
👈 تحسين تلميحات التحقق من صحة المدخلات الخاص بك بدون JS! • تحسين تلميحات التحقق من صحة المدخلات ...
👈استدعاء واستخدام Font awesome 6 في المواقع • STOP Wasting Time With Outdated Fonts...
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 | مراجعة الكود والتأكد من سلامته & الخاتمة