Custom breakpoints

The built-in scale covers most products. When your content demands a custom width:

export default {
  theme: {
    extend: {
      screens: {
        'tall': { raw: '(min-height: 800px)' },
        '3col': '1440px',
      },
    },
  },
};

• Keep names short and ordered (xs < sm < md…)
• Custom screens stack with all variants
• Raw media queries support height, orientation, prefers-*

Historical note#

v1's uhd:/k8: screens became unnecessary: 3.1 ships 4xl:2560 and 5xl:5000 built in.