Я не могу понять, почему переопределения не работают в моем проекте. Я пытаюсь сделать мой сайт читаемым на мобильном телефоне, и в данный момент на нем отображаются кнопки с размером рабочего стола. Я использую попутный ветер и реагирую. Мой компонент кнопки:
return <button className="sm:text-xs sm:h-1 redbtn" onClick={onClick}>{children}</button>
Однако text-xs работает, только если я удалил префикс sm :. Я попытался включить
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px'
}
в мой файл конфигурации, но это ничего не изменило.