in tailwind 4 the breakpoints handle this way:

Breakpoint prefix Minimum width CSS sm 40rem (640px)

@media (**width >= 40rem**) { ... }

md 48rem (768px)

@media (**width >= 48rem**) { ... }

lg 64rem (1024px)

@media (**width >= 64rem**) { ... }

xl 80rem (1280px)

@media (**width >= 80rem**) { ... }

2xl 96rem (1536px)

@media (**width >= 96rem**) { ... }

but these media query works just on iphone safari 16.4 to up !

it must be such this (such as past tailwind version (3)):

@media (**min-width: 640px**) { ... }

how to handle these?!

but i do not know how to fix this entirely in tailwind!