📢 Be sure to visit /r/GoodCodeChallenge to view solutions and new template releases.

Front End Coding Challenges. For Free. Browse through dozens of front end coding challenges, complete with Adobe XD files and styleguides.

View Challenges 👉
Free

JJO

HTML CSS

Simple Job Board layout in Adobe XD. You'll learn a lot about grids and/or flex layouts as well as containers. Readme.md file included. Free.

$5

Gourmet

HTML CSS

Practice your HTML and CSS skills with the high quality Gourmet Adobe XD template, includes mega menu. Readme.md file included. Costs $5.

Free

Price.io

HTML CSS

Amazon Price Tracker. Lots of great layout challenges with various components and pages (and graphs!). Readme.md file included. Free.

Free

Invitation

HTML CSS

Practice your HTML and CSS skills with the Invitation Adobe XD template. 3 column grid practice (or flex). Readme.md file included. Free.

Free

Pricing Page

HTML CSS

Simple pricing page, 3 column grid, easy to implement, modern and simple. Readme.md file included. Absolutely free of charge.

Free

Sign Up Page

HTML CSS

Simple sign up page, 2 column grid, easy to implement, modern and simple. Readme.md file included. Absolutely free of charge.

Free

desi.gn

HTML CSS

A landing page for an unlimited revisions design agency. Great to work on your flex/grid layouts. Free of charge.

$5

World Tracker

HTML CSS

High quality landing page with custom icons, illustrations, and app previews. Great way to learn more about design. Costs $5.