CSS Layout Generator
Generate responsive CSS layouts with modern techniques like Grid and Flexbox.
Create a {{layout_type}} layout in {{framework}} for {{purpose}}. Requirements: {{requirements}} Provide: 1. HTML/JSX structure 2. CSS with {{approach}} (Grid or Flexbox) 3. Responsive breakpoints (mobile, tablet, desktop) 4. Dark mode support 5. Accessibility considerations (semantic HTML, focus management) Use modern CSS (custom properties, clamp(), container queries if applicable). No CSS-in-JS — use standard CSS or Tailwind.