Tailwind Responsive Config (xs, 2xs, 3xs, 4xs, 5xs, 6xs, 7xs)

tailwind.config.ts

import type { Config } from "tailwindcss";
import { theme } from "tailwindcss/defaultConfig";

const config: Config = {
  theme: {
    screens: {
      ...theme?.screens,
      xs: "375px",
      "2xs": "320px",
      "3xs": "280px",
      "4xs": "240px",
      "5xs": "200px",
      "6xs": "160px",
      "7xs": "120px",
    },
  },
};