what are you trying to do? display flex-col above width 1450?

tailwind's breakpoints feature are unfortunately mobile-first. This means you have to define the min instead of the max.

First you have to add the breakpoints here:
https://tailwindcss.com/docs/responsive-design#customizing-your-theme

Then you should be able to do something like this
flex-col wide:flex-row

(flex-col up until 1450px, otherwise flex-row)

Basically I want to add flex col when browser size reach 1450px.

Researched about it and tailwind has custom arbitrary values with max-[]:

https://play.tailwindcss.com/w6k9iwJNul it should work here

maybe there are other breakpoints that are conflicting with your max-[1450px]?

try hovering max-[1450px]:flex-col with your mouse

It did actually work will try some fixing on my code. Hope to get this solved. Thanks!