Example Tailwind config for max and range screen sizes.

tailwind.config.js

module.exports = {
  theme: {
    screens: {
      "-2xl": { max: "1536px" },
      "-xl": { max: "1280px" },
      "-lg": { max: "1024px" },
      "-md": { max: "768px" },
      "-sm": { max: "640px" },
      "sm~md": { min: "640px", max: "768px" },
      "md~lg": { min: "768px", max: "1024px" },
      "lg~xl": { min: "1024px", max: "1280px" },
      "xl~2xl": { min: "1280px", max: "1536px" },
      ...defaultTheme.screens,
    },
  },
};