Breakpoints - Tailwind CSS

@material-tailwind/html utilizes Tailwind CSS's default breakpoints to facilitate responsive design across various 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