Tailwind media query

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
    ...createGlobPatternsForDependencies(__dirname),
  ],
  theme: {
    screens: {
      xs: { min: '100px', max: '299px' },
      mobile: { min: '300px', max: '639px' },
      tablet: { min: '640px', max: '1279px' },
      desktop: { min: '1280px' },
    },