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