یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
پیام حیاتی
2 سال پیش توسط پیام حیاتی مطرح شد
2 پاسخ

مشکل در کارکرد کلاس های Tailwind در ReactJS

سلام
کسی میدونه چرا حالت sm کار نمیکنه؟ breakpoint های دیگه مثل md, lg درست کار می کنند.
به عنوان مثال تغییر بک گراند یک متن در حالت sm رو که وارد کنم:
<h2 className="sm:bg-red-500">Grid Style in TailwindCSS</h2>
در md,lg اعمال میشه !
https://s6.uupload.ir/files/11_38pi.png


ثبت پرسش جدید
Matin
تخصص : React Developer
@matin16236 2 سال پیش مطرح شد
1

سلام
کلاس مورد نظر درست کار میکنه در واقع شما دارید میگید تگ h2 اگر از سایز sm که سایز 640 پیکسل هست بزرگ تر شد بیا و رنگ بکگراند اون رو قرمز کن


محمد زورمند
تخصص : react developer
@SpyStar0003 2 سال پیش مطرح شد
1

سلام

چنتا نکته ...

  • sm کوچکترین نقطه شکسته ولی برای قبل sm هم شما باید یک class تعریف کنید !
  • کدی که در تصویر هست و فرستادید اصلا مشکلی توش نیست چون شما گفتید block اونم حتما display رو مساوی block گذاشته !
    • برای کدی که فرستادین بصورت متن باید بگم در واقع اندازه بین sm و md اون کلاس رو میگیره نه قبل sm ! برا قبل sm مورد اول که گفتم رو انجام بدین !

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام