Improve your front-end coding skills by building real projects
Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Join 132,995 developers building projects, reviewing code, and helping each other get better.
Login with GitHub
How it works
Choose your challenge
Have a look through our collection of web designs. Pick one that you feel will be a nice challenge for you at this stage.
Code the design
Start the challenge and download all the starter files. We provide all the files you'll need to complete the challenge. Building it is up to you!
Submit your solution
Post your solution on the platform for everyone to see and get feedback on your code from other developers in the community.
Give others feedback
Thinking critically about other people's code is a crucial skill. Help others while deepening your own knowledge by giving feedback on solutions.
Latest Challenges
- New
- HTML
- CSS
Meet landing page
This HTML & CSS only challenge is perfect if you're starting to get a bit comfortable with your layout skills. The responsive layout shifts will also be a great test!
View challenge - CSS
- HTML
3-column preview card component
This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.
View challenge- HTML
- CSS
Typemaster pre-launch landing page
This project will be a perfect opportunity to put your CSS Grid skills to the test. The layout shifts from mobile, to tablet, to desktop will also be a nice challenge.
View challenge
Join our Slack community
Join over 45,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!
Subscribe to our newsletter
Stay up-to-date with new challenges, featured solutions, selected articles and Frontend Mentor latest news
