Implement responsive grid layouts

[Dustin-Reyes]

Ensure menu displays beautifully across all screen sizes.

Tasks:

• Mobile (< 768px): 1 column cards
• Tablet (768-1024px): 2 column grid
• Desktop (> 1024px): 3 column grid
• Add max-width container for large screens
• Test on various devices/screen sizes
• Adjust spacing and padding

Acceptance Criteria:

• Layout adapts smoothly across breakpoints
• No horizontal scroll on mobile
• Content is readable at all sizes
• Touch targets are 44px+ on mobile

Milestone: Integration (Phase 4)