heraspec 0.1.13 → 0.1.14

package/dist/core/templates/skills/templates/responsive-design.md

@@ -1,40 +1,40 @@
-# Responsive Design Checklist
-
-## Breakpoints
-
-Test at these breakpoints:
-- **Mobile**: 320px, 375px, 414px
-- **Tablet**: 768px, 1024px
-- **Desktop**: 1280px, 1440px, 1920px
-
-## Mobile-First Approach
-
-- [ ] Start with mobile layout
-- [ ] Use `min-width` media queries
-- [ ] Progressive enhancement for larger screens
-
-## Touch Targets
-
-- [ ] Minimum 44x44px for touch targets
-- [ ] Adequate spacing between interactive elements
-- [ ] No hover-only interactions (provide tap alternatives)
-
-## Layout
-
-- [ ] No horizontal scroll on mobile
-- [ ] Content doesn't overflow containers
-- [ ] Images scale appropriately
-- [ ] Text remains readable at all sizes
-
-## Navigation
-
-- [ ] Mobile menu works correctly
-- [ ] Navigation accessible on all screen sizes
-- [ ] Fixed elements don't block content
-
-## Typography
-
-- [ ] Font sizes scale appropriately
-- [ ] Line height readable on mobile
-- [ ] Text doesn't overflow containers
-
+# Responsive Design Checklist
+
+## Breakpoints
+
+Test at these breakpoints:
+- **Mobile**: 320px, 375px, 414px
+- **Tablet**: 768px, 1024px
+- **Desktop**: 1280px, 1440px, 1920px
+
+## Mobile-First Approach
+
+- [ ] Start with mobile layout
+- [ ] Use `min-width` media queries
+- [ ] Progressive enhancement for larger screens
+
+## Touch Targets
+
+- [ ] Minimum 44x44px for touch targets
+- [ ] Adequate spacing between interactive elements
+- [ ] No hover-only interactions (provide tap alternatives)
+
+## Layout
+
+- [ ] No horizontal scroll on mobile
+- [ ] Content doesn't overflow containers
+- [ ] Images scale appropriately
+- [ ] Text remains readable at all sizes
+
+## Navigation
+
+- [ ] Mobile menu works correctly
+- [ ] Navigation accessible on all screen sizes
+- [ ] Fixed elements don't block content
+
+## Typography
+
+- [ ] Font sizes scale appropriately
+- [ ] Line height readable on mobile
+- [ ] Text doesn't overflow containers
+