Supercharge your front-end skills by building in a real-life workflow

Solve real-world HTML, CSS and JavaScript challenges whilst working to professional quality designs. Build designs and review code alongside hundreds of developers.

Browse Challenges
Three people sitting round a table with their laptops laughing

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.

Latest Challenges

Slack logo

Join our Slack community

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

Resources

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

    • CSS

    ITCSS

    Inverted Triangle CSS (ITCSS) is a great method for architecting your CSS code. If you're building medium to large projects, you might find it useful.
    Visit website
    • HTML
    • CSS

    Shay Howe: Learn HTML & CSS

    Shay Howe has put together a seriously impressive guide to HTML & CSS. I would consider it required reading for anybody learning front-end web development.
    Visit website
    • CSS

    Colormind

    Colormind is an amazing resource for generating color palettes. You can even feed it a picture and it will create a color palette from that.
    Visit website
View all resources