راکت
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
Matin
تخصص :React Developer
@matin162363 سال پیشمطرح شد
1

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


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

سلام

چنتا نکته ...

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

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

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