Make a Page Responsive

Make the following page responsive. Here is the current code:

[paste component/page code]

Requirements:
- Mobile-first approach: default styles for mobile, use lg: (1024px) breakpoint for desktop
- Navigation: collapse to a hamburger menu on mobile
- Grid layouts: stack vertically on mobile, use [2/3/4] columns on desktop
- Touch targets: minimum 44px tap area on mobile
- Text: body text 14-16px mobile, can be larger on desktop
- Images: full-width on mobile, constrained on desktop
- Sidebars: stack below main content on mobile, or use a slide-out drawer

Do NOT change the desktop layout. Only add responsive behavior. Do NOT add a CSS framework if Tailwind is already present."

**Output format:** The updated component code with responsive classes.