Front End Coding Challenges. For Free. Browse through dozens of front end coding challenges, complete with Adobe XD files and styleguides.
View Challenges 👉
JJO
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.
Gourmet
Practice your HTML and CSS skills with the high quality Gourmet Adobe XD template, includes mega menu. Readme.md file included. Costs $5.
Price.io
Amazon Price Tracker. Lots of great layout challenges with various components and pages (and graphs!). Readme.md file included. Free.
Invitation
Practice your HTML and CSS skills with the Invitation Adobe XD template. 3 column grid practice (or flex). Readme.md file included. Free.
Pricing Page
Simple pricing page, 3 column grid, easy to implement, modern and simple. Readme.md file included. Absolutely free of charge.
Sign Up Page
Simple sign up page, 2 column grid, easy to implement, modern and simple. Readme.md file included. Absolutely free of charge.
desi.gn
A landing page for an unlimited revisions design agency. Great to work on your flex/grid layouts. Free of charge.
World Tracker
High quality landing page with custom icons, illustrations, and app previews. Great way to learn more about design. Costs $5.
