Files
bi-agents/_bmad/wds/workflows/4-ux-design/templates/instructions/responsive.instructions.md
Cassel 647cbec54f docs: update all documentation and add AI tooling configs
- Rewrite README.md with current architecture, features and stack
- Update docs/API.md with all current endpoints (corporate, BI, client 360)
- Update docs/ARCHITECTURE.md with cache, modular queries, services, ETL
- Update docs/GUIA-USUARIO.md for all roles (admin, corporate, agente)
- Add docs/INDEX.md documentation index
- Add PROJETO.md comprehensive project reference
- Add BI-CCC-Implementation-Guide.md
- Include AI agent configs (.claude, .agents, .gemini, _bmad)
- Add netbird VPN configuration
- Add status report

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-19 13:29:03 -04:00

1.1 KiB

Responsive Behavior

Include when: Page needs different layouts across breakpoints


Breakpoints

Name Range Primary Use
Mobile < 768px Touch, single column
Tablet 768px - 1024px Touch/mouse, flexible
Desktop > 1024px Mouse, multi-column

Mobile (< 768px)

Layout Changes

  • {What changes from desktop}

Hidden Elements

  • {Elements not shown on mobile}

Mobile-Specific

  • {Touch targets, gestures, etc.}

Tablet (768px - 1024px)

Layout Changes

  • {What changes}

Adaptations

  • {Specific tablet behaviors}

Desktop (> 1024px)

Full Layout

  • {Desktop-specific features}

Enhancements

  • {Hover states, keyboard shortcuts}

Component Breakpoint Behavior

Component Mobile Tablet Desktop
{component} {behavior} {behavior} {behavior}

Navigation Changes

Breakpoint Navigation Style
Mobile {hamburger / bottom nav / etc.}
Tablet {style}
Desktop {full nav / sidebar / etc.}