kjh2064
126643665a
TaxBaik CI/CD / build-and-deploy (push) Successful in 47s
**Responsive Breakpoints (Mobile-First):** - Mobile S (<480px): Single column, minimal padding, hidden subtitles - Mobile L (480-599px): Single column with optimized spacing - Tablet S (600-767px): Single column, collapsed drawer (60px wide) - Tablet M (768-959px): 2-column metric grid, full drawer - Tablet L (960-1023px): 3-column metric grid - Desktop L (1024-1439px): 4-column metric grid, full layout - Desktop XL (1440-1919px): 4-column with increased spacing - Desktop XXL (1920px+): 4-column with maximum spacing **Key Improvements:** ✓ Device-specific padding, margin, font-size optimizations ✓ Drawer behavior: full width on mobile, sidebar on tablet+ ✓ Navigation: horizontal scroll on tablet S, full menu on larger screens ✓ Tables: font-size and padding scale with viewport ✓ Metric cards: responsive heights and spacing ✓ Page hero: column layout on mobile, row layout on desktop ✓ Typography: scales from 0.65rem to 2rem based on device **Mobile Optimizations:** - Hide non-critical elements (page subtitle) - Compress navigation to icons - Full-width buttons on small screens - Horizontal scroll for navigation menu - Optimized touch target sizes Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>