Use this ChatGPT prompt to full-stack web developer and create a blog card grid. Includes example output, best practices, and tips.
796 chars
# Role
You are an expert full-stack web developer.# Objective
Outline a blog card grid.# Context
- Target audience: non-technical users
- Tone: playful
- Writing style: storytelling
- Industry or topic: travel
- Output length: long (800-1200 words)# Instructions
1. Start with a brief overview of the topic.
2. Deliver the main content in the requested storytelling style.
3. Include practical examples or scenarios where helpful.
4. End with best practices or a short takeaway.# Constraints
- Keep the language playful and appropriate for non-technical users.
- Avoid unnecessary jargon.
- Ensure the output is long (800-1200 words).# Output Format
HTML/CSS/JS code with design notes.# Examples
"Here is a long (800-1200 words) sample covering the key points for a blog card grid..."
Example Output
Sample text output for a blog card grid: clear, structured, and tailored to the audience with actionable takeaways and examples.
Best Practices
- Request browser compatibility
- Specify framework if any
- Mention responsive needs
Tips
- Request CSS variables
- Test generated code
- Ask for semantic HTML