🎨 ترفند CSS

اگر می‌خواهی متن طولانی بعد از چند خط مخفی شود:

.text{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

مناسب برای کارت‌های وبلاگ، محصولات و توضیحات کوتاه.

#CSS #WebDesign

@CodeVerse_dev

🐸 یادگیری Flexbox با بازی؟ بله، کاملاً ممکنه!

اگر هنوز با CSS Flexbox مشکل دارید یا هر بار برای چیدمان عناصر سراغ گوگل می‌روید، وقتش رسیده با Flexbox Froggy تمرین کنید.

ابزار Flexbox Froggy یک بازی آموزشی و تعاملی است که به شما کمک می‌کند مفاهیم Flexbox را به‌صورت عملی یاد بگیرید. در هر مرحله باید با نوشتن دستورات CSS، قورباغه‌ها را به نیلوفرهای مربوط به خودشان برسانید. (flexboxfroggy.com)

🎯 چیزهایی که یاد می‌گیرید:
justify-content
align-items
flex-direction
flex-wrap
align-content
align-self
order و سایر ویژگی‌های مهم Flexbox

✨ ویژگی‌های جذاب:
۲۴ مرحله آموزشی از مبتدی تا پیشرفته
یادگیری از طریق حل مسئله و بازی
نمایش بصری نتیجه هر دستور CSS
کاملاً رایگان و تحت وب

💡 بسیاری از توسعه‌دهندگان فرانت‌اند این بازی را یکی از بهترین روش‌های یادگیری Flexbox معرفی کرده‌اند و آن را در کنار منابع مرجع CSS توصیه می‌کنند.

🌐 ابزار:
Flexbox Froggy

#CSS #Flexbox #Frontend #WebDesign #Programming

@CodeVerse_dev 🚀