Divize
Learn, Write, Master: HTML/CSS Through Real UI Challenges.
About Divize
Divize is a platform for practicing HTML and CSS coding through structured challenges. Users are given nesting instructions and CSS property instructions and must write code to match a target UI, then compare and inspect their result against the intended preview. Challenges include tasks such as building card components with hover animations and responsive grid layouts.
The platform includes a leaderboard where users can compete against others based on completion time and accuracy, along with a challenges browser and a blog. It targets developers looking to improve their skills in writing concise, semantic HTML/CSS and to test those skills competitively against other users.
Key features
- HTML/CSS coding challenges based on nesting and property instructions
- Live code editor with real-time preview
- Compare and inspect results against the target design
- Responsive design controls to preview Full Width, Mobile, Tablet, and Custom viewports
- Global leaderboard to compete on completion time
Frequently asked questions
What is Divize?
Divize is a platform for practicing writing small, concise HTML/CSS UIs through guided coding challenges.
What kind of challenges does it offer?
It offers HTML challenges where you write code following nesting instructions and CSS challenges where you fill in property values based on instructions.
Can I compare my work to the target result?
Yes, a Compare and Inspect feature lets you compare your result with the preview and inspect the differences.
Is there a competitive element?
Yes, there is a leaderboard where you can compete against other developers on speed and accuracy.
Who is Divize for?
It is made by developers for developers who want to learn to write semantic, concise HTML/CSS.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
CSS Gradient
Code Challenge/Color/ProgrammingAs a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
CSSBattle
Code Challenge/Learn/ProgrammingCSS Code Golfing is Here!
devChallenges
Code ChallengeDevChallenges.io is a community and a platform for anyone who wants to become a Software Engineer by building real-life projects and solving practical tasks. devChallenges.io is built with the goal of enabling you to build an outstanding portfolio.
Edabit
Code ChallengeLearn to code with fun, bite-sized challenges. Gain XP, unlock achievements and level up. It's like Duolingo for learning to code.
Exercism
Code ChallengeCode Practice and Mentorship for Everyone. Level up your programming skills with 1,879 exercises across 38 languages, and insightful discussion with our dedicated team of welcoming mentors. Exercism is 100% free forever.
Frontend Mentor
Code ChallengeImprove your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.
