Responsive breakpoints max-* is not working

[longprao]

I have setup a barebone app based on your template, and I notice that by adding preset mantine, it breaks the "max" breakpoints, so that means these are no longer working: max-sm:, max-md:, max-lg:, max-xl:.

For example: max-lg:flex.

It is helpful for desktop-first designs.

Just removing these from the tailwind config will make it work again:

  presets: [
    tailwindPresetMantine({
      mantineBreakpoints: breakpoints,
      mantineColors: colors,
    }),
  ],

Do you have a solution for this?

[songkeys]

This looks like a tailwind problem to me. When using non-px value (like em in mantine), the max-* won't work. Example: https://play.tailwindcss.com/Hxxr9zRmpm

Here is a wordaround: tailwindlabs/tailwindcss#13022 (comment) . I can add this to the next version. Let me know if you have a better idea.

ref: https://arc.net/l/quote/xtrafisa

[songkeys]

This has been resolved in https://github.com/songkeys/tailwind-preset-mantine/releases/tag/v1.3.2