Breakpoints - Material Tailwind

@material-tailwind/react is using the default breakpoints from Tailwind CSS. The breakpoints are used to create responsive designs for different screen sizes.

Default Breakpoints

{
  'sm': '640px',
  'md': '768px',
  'lg': '1024px',
  'xl': '1280px',
  '2xl': '1536px',
}
{
  'sm': '640px',
  'md': '768px',
  'lg': '1024px',
  'xl': '1280px',
  '2xl': '1536px',
}

For more information about Tailwind CSS breakpoints customization, please check the Tailwind CSS Official Documentation