tailwind.config.js

export default {
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}'
  ],
  theme: {
    extend: {
      screens: {
        'xs': '320px',
        'sm': '640px',
        'md': '768px',
        'lg': '1024px',
        'xl': '1280px',
        '2xl': '1536px',
        'tablet': '768px',
        'tablet-landscape': { 'raw': '(min-width: 768px) and (orientation: landscape)' },
      },
      spacing: {
        'safe': 'max(1rem, env(safe-area-inset-bottom))',
      }
    }
  }
}