Next.js Discord

Discord Forum

tailwind flex property not changing for `xs` (custom) screen size

Answered
Tonkinese posted this in #help-forum
Open in Discord
TonkineseOP
why is the following tailwind code not changing from column to row at a width over sm or greater? 

<Component className={`
  border items-center
  xs:flex-col xs:border-red-500 xs:items-center
  sm:flex sm:border-none
`}>...</Component>
Answered by Tonkinese
should've been using 'xs': {'max', '<width>px'} instead of 'xs': '<width>px' in tailwind.config.js
View full answer

1 Reply

TonkineseOP
should've been using 'xs': {'max', '<width>px'} instead of 'xs': '<width>px' in tailwind.config.js
Answer