Frontend Mentor
Login with GitHub

Improve your front-end coding skills by building real projects

Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Join 167,331 developers building projects, reviewing code, and helping each other get better.

Login with GitHub
Three people sitting and laughing around a table with their laptops

How it works

  • Icon with arrow pointing down

    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.

  • Icon of laptop with outlines of code on the screen</>

    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!

  • Icon for sharing with three connected nodes

    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

  • free
    Desktop design screenshot for the Sunnyside agency landing page coding challenge

    Sunnyside agency landing page

    • HTML
    • CSS
    • JS
    2Junior

    This challenge will be a perfect test of your layout and responsive skills. There's a tiny bit of JS for the mobile menu, but the focus is HTML & CSS.

  • premium
    Desktop design screenshot for the Planets fact site coding challenge

    Planets fact site

    • HTML
    • CSS
    • JS
    3Intermediate

    In this challenge, you'll be building out an 8-page fact site for all planets in our solar system. This project will make an incredible portfolio piece when completed!

  • free
    Desktop design screenshot for the Calculator app coding challenge

    Calculator app

    • HTML
    • CSS
    • JS
    3Intermediate

    This calculator app will be a great test of your CSS and JS skills especially. If you're wanting to practice using Grid, this challenge will be perfect for you!

  • premium
    Desktop design screenshot for the Audiophile e-commerce website coding challenge

    Audiophile e-commerce website

    • HTML
    • CSS
    • JS
    5Guru

    This huge e-commerce challenge will provide an incredible test for your front-end skills. Once you're done, you'll have an amazing project to add to your portfolio!

  • free
    Desktop design screenshot for the Stats preview card component coding challenge

    Stats preview card component

    • HTML
    • CSS
    1Newbie

    This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.

  • premium
    Desktop design screenshot for the Meet landing page coding challenge

    Meet landing page

    • HTML
    • CSS
    1Newbie

    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 all Challenges
Slack logo

Join our Slack community

Join over 50,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!