🚀 تخفیف ۳۵٪ + ۳.۵ میلیون هدیه! برنامه‌نویسی رو الان شروع کن - فقط امروز!
۰ ثانیه
۰ دقیقه
۰ ساعت
۴ محمد امینی ثابت
مشکل در رسپانسیو در حالت s
جامعه Html & CSS ایجاد شده در ۰۳ شهریور ۱۴۰۲

سلام

من کد‌ها رو مثل استاد نوشتم فقط می‌خوام در حالت s اون دوره‌ها دوتا دوتا کنار هم قرار بگیره ولی وقتی اینکار رو میکنم نمیشه و میره پایین یکییش

میشه لطفا پاسخ بدید

با تشکر

محمد امینی ثابت ۰۵ شهریور ۱۴۰۲، ۱۷:۲۷

صبر کنید، متاسفانه دیروز علت رو پیدا نکردم و باید تمامی کدهاتون رو بررسی کنم.

محسن موحد ۰۵ شهریور ۱۴۰۲، ۱۸:۰۱

مشکل مرتبط است با سایز svg و ارتفاعشان.

از تصاویر نمونه داخل آموزش یا یک تصویر jpg داخل فایل‌ها تست بگیرید.

SVG‌ها به طور پیش فرض ارتفاعشان را گسترش میدهند در حالیکه عکس‌‌های JPG/PNG اینطور رفتار نمیکنند.

برای حل این مشکل چند راهکار وجود دارد که یک موردش دادن ارتفاع ثابت به تصاویر است:

.card-header img {
  height: 200px;
}


بهترین پاسخ
محسن موحد ۰۵ شهریور ۱۴۰۲، ۲۱:۵۴