.cursorrules in your project rootCreate responsive designs: 1. Use mobile-first approach 2. Apply responsive breakpoints 3. Use container queries 4. Implement flexible layouts 5. Handle responsive typography 6. Use aspect ratio utilities 7. Test all breakpoints 8. Optimize for touch devices
Comprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
Cursor rules for TypeScript with strict type checking, advanced patterns, and best practices.
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.
Cursor
styling
AI coding rules customize how Cursor generates and refactors code for your project. Follow these steps to install Tailwind Responsive Design.
.cursor/rules, for Windsurf use .windsurfrulesComprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
Cursor rules for TypeScript with strict type checking, advanced patterns, and best practices.
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.