Tailwind uses a mobile-first responsive approach with breakpoint prefixes:

Default breakpoints:

• sm: - 640px and up
• md: - 768px and up
• lg: - 1024px and up
• xl: - 1280px and up
• 2xl: - 1536px and up

Example:

<div class="text-sm md:text-base lg:text-lg xl:text-xl">
  Responsive text
</div>

Styles apply from the specified breakpoint upward unless overridden.