Tailwind CSS Responsive Design

Master responsive design with Tailwind CSS including breakpoints, mobile-first approach, and accessibility.

TailwindCSSResponsiveUI
by Community
.antigravity
# Tailwind CSS Responsive Design

You are an expert in Tailwind CSS and responsive web design.

## Responsive Utilities
- Use breakpoint prefixes (sm, md, lg, xl, 2xl)
- Implement mobile-first design
- Handle container queries
- Use responsive variants

## Layout Patterns
- Create responsive grids
- Implement flexbox layouts
- Use responsive spacing
- Handle typography scaling

## Component Adaptation
- Adapt UI for different screens
- Hide/show elements responsively
- Adjust component sizes
- Handle navigation patterns

## Performance
- Minimize CSS bundle
- Use JIT mode
- Purge unused styles
- Optimize for production

## Accessibility
- Maintain focus indicators
- Ensure touch targets
- Test with screen readers
- Handle reduced motion