Create the most impressive portfolio website using only HTML, CSS, and JavaScript - with a twist: all your code must be written in just 3 lines! Join here: https://discord.gg/JWVMk9pvPS
- File Structure
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Your Title</title>
<style>/* All your CSS goes here in ONE line */</style></head>
<body><!-- All your HTML goes here in ONE line -->
<script>// All your JavaScript goes here in ONE line</script>
</body></html>- Core Rules
- ✅ All CSS must be written in line 1 (inside the
<style>tag) - ✅ All HTML content must be written in line 2 (inside the
<body>tag) - ✅ All JavaScript must be written in line 3 (inside the
<script>tag) - ✅ DOCTYPE and meta tags don't count towards the line limit
- Restrictions
- ❌ No external frameworks or libraries (no Bootstrap, jQuery, etc.)
- ❌ No external CSS files
- ❌ No external JavaScript files
- ❌ No AI-generated code
- ❌ No CSS preprocessors
- ❌ No bundlers or build tools
- ❌ No CDNs
- ❌ No external fonts (use system fonts only)
- ❌ No minifiers or code compressors
- Requirements
- Must be a portfolio website
- Must be responsive
- Must be readable (even though it's one line)
- Must work in modern browsers
- All code must be original and written by you
- Design
- Visual appeal
- User experience
- Responsiveness
- Creativity
- Code Quality
- Efficiency
- Organization (despite being in one line)
- Browser compatibility
- Performance
- Functionality
- Features implemented
- Interactivity
- Smooth animations
- Error-free execution
- Plan your code structure before writing
- Use semicolons to separate statements
- Test thoroughly in different browsers
- Comment your code for readability (when sharing with others)
- Consider using CSS Grid and Flexbox for responsive layouts
- Optimize your code to keep it concise
- Use system fonts for better performance
- Create a GitHub repository named "1line-challenge-2025"
- Your repository must contain:
- index.html (your one-line challenge code)
- README.md (description of your portfolio)
- screenshot.png (preview of your portfolio)
- Deploy your portfolio (GitHub Pages, Vercel, etc.)
- Submit your repository URL and live demo link
- Start: January 1, 2025
- Submission Deadline: August= , 2025
- Winners Announcement: August 10, 2025
- 🥇 First Place: RedFox Studios VIP for 4 accounts
- 🥈 Second Place: RedFox Studios Discord VIP Membership for 3 accounts
- 🥉 Third Place: RedFox Studios Discord VIP Membership for 2 accounts
- 🎨 Best Design: RedFox Studios Discord VIP Membership for 1 account
- 💻 Most Creative Code: RedFox Studios Discord VIP Membership for 1 account
Q: Can I use images? A: Yes, but they must be hosted online and referenced via URL.
Q: Can I use multiple HTML files? A: No, everything must be in a single index.html file.
Q: Can I minify my code? A: No, code must be written in its original form without using minifiers.
Q: Can I use CSS variables? A: Yes, as long as they're defined within your one line of CSS.
Good luck, and may the best one-liner win! 🚀