Design Phase Considerations

Designers cannot just deliver one desktop size (1440px wide) mockup. Must consider layout changes at breakpoints:

Desktop (>=1200px): multi-column, sidebar nav, rich info density. Tablet (768-1199px): two-column, collapsed nav. Mobile (<768px): single column, hamburger menu, large touch targets (min 44px height).

Development Implementation

CSS media queries, flexible layouts (flexbox/grid, not fixed pixels), responsive images (srcset, object-fit), responsive tables (convert to cards on mobile).