Supercharge your front-end skills by building real projects

Challenges

Test your front-end skills by building out these challenges. Designs, starter code and assets are all provided. Happy coding!

  • Image of the DSIGN Landing Intro challenge design by Mubin ul haq Vhora

    DSIGN Landing Intro

    This challenge will test your positioning skills. No JavaScript required, just HTML and CSS.

  • Image of the Minimal Pricing Tiers challenge design by Oleg Frolov
    • Designer

      Oleg Frolov
    • Level

      beginner
    • Languages

      HTML, CSS, JavaScript

    Minimal Pricing Tiers

    Some nice little challenges in this one, including transitioning the tiers when they are hovered by the user.

  • Image of the Blood Donation Landing Page challenge design by Clément Marie

    Blood Donation Landing Page

    A good test for your CSS gradient skills. Build out this pure HTML and CSS landing page.

  • Image of the Crowdfunding Campaign challenge design by Rodrigo Borges

    Crowdfunding Campaign

    Practice your layout skills by building out this crowdfunding campaign card.

Want some amazing front-end resources? Of course you do. Check out my curated list of (mostly) free resources for HTML, CSS and JavaScript.

Go to resources
Profile picture of Matt Studdert

A bit about me

Hey! I'm Matt Studdert, a freelance Front-end/JavaScript developer who lives and works in the incredible city of London. I love building digital products and learning about the latest technologies. When I'm not actually writing code, I'm often teaching people how to do it for themselves at General Assembly in London, where I work as a Lead Instructor.

I created Frontend Mentor as a place where front-end developers of all levels can come to develop their skills and improve their workflow. Please check out both the free code review challenge and also the resource list, which I've compiled over a number of years of writing code and teaching hundreds of students.

If you've got any suggestions or just want to say hi, get in touch on Twitter using the link below.

Say hi