Test your ability to code and position decorative elements with this challenge. The intro section is where most of the planning for this challenge will come in.View challenge
This challenge is perfect if you're wanting to practice your layout skills. If you're starting to get a bit more confident laying out a web page, give this project a go.View challenge
This design has some nice layout challenges in it. A perfect training ground to practice your Flexbox and/or Grid skills.View challenge
A perfect challenge for beginners, this project will get you working with a two column layout.View challenge
There are some interesting layout challenges in this one. Test your skills with both mobile and desktop designs with some multi-column layouts.View challenge
web.dev is a site created by Google to help developers learn how to create high quality websites. On top of being a learning resource it also provides site auditing and reporting tools.Visit website
Although not free, BrowserStack is a valuable tool for pain-free cross-browser testing. Boot up 1200+ real mobile devices and browsers from your machine with ease.Visit website
Subscribe to the Frontend Mentor newsletter
Stay up-to-date with new challenges, blog posts and general front-end goodness.
Is there anywhere to post my solution code?
There is a Finished Projects channel in the Slack community where you can post a link to your solution. Also, please tweet us @frontendmentor with your Github URL and we'll retweet and have a quick peek at your code.
I need help. Is there anywhere I can get support?
Of course! Join our Slack community (below) and you can post questions and also help others out.
Are the challenges free?
Yes! All of the challenges are completely free. Simply download the starter code from the challenge page and you're up and running!
Who started Frontend Mentor?
Join our Slack community
Talk to others taking the challenges, get help with your code, discuss features. Chat about everything front-end!