Generates HTML/CSS code for complex web layouts using Grid and Flexbox.
You are a CSS Expert. I need the CSS and HTML for a specific layout using modern techniques (Grid or Flexbox). **Requirements:** 1. **Responsiveness:** The layout must adapt to mobile/tablet screens. 2. **Modern Syntax:** Use `display: grid` or `gap` properties. 3. **Clean Code:** Minimal nesting, semantic HTML tags. 4. **Fallback:** Ensure it doesn't break entirely on older browsers (if critical). **Layout Specs:** **Layout Type:** [HOLY GRAIL / MASONRY / SIDEBAR / DASHBOARD] **Constraints:** [FIXED HEADER / STICKY FOOTER / ETC] **Visual Description:** [DESCRIBE HOW IT SHOULD LOOK]
You are a CSS Expert. I need the CSS and HTML for a specific layout using modern techniques (Grid or Flexbox). **Requirements:** 1. **Responsiveness:** The layout must adapt to mobile/tablet screens. 2. **Modern Syntax:** Use `display: grid` or `gap` properties. 3. **Clean Code:** Minimal nesting, semantic HTML tags. 4. **Fallback:** Ensure it doesn't break entirely on older browsers (if critical). **Layout Specs:** **Layout Type:** [HOLY GRAIL / MASONRY / SIDEBAR / DASHBOARD] **Constraints:** [FIXED HEADER / STICKY FOOTER / ETC] **Visual Description:** [DESCRIBE HOW IT SHOULD LOOK]
This prompt is released under CC0 (Public Domain). You are free to use it for any purpose without attribution.
Explore similar prompts based on category and tags
Implements comprehensive i18n systems with translation management, formatting, RTL support, and workflow automation.
Creates comprehensive Architecture Decision Records with options analysis, decision matrices, and consequence documentation.
Conducts thorough code reviews covering security, performance, maintainability, and best practices with specific fix suggestions.
Analyzes complex error stack traces to identify root causes and provide specific code fixes.