challenges
QR code component
html|css
A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.
Order summary component
html|css
A perfect project for newbies who are starting to build confidence with layouts!
NFT preview card component
html|css
This HTML & CSS only challenge is perfect for anyone just starting out or anyone wanting a small project to play around with.
Stats preview card component
html|css
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.
Single price grid component
html|css
In this challenge, you will build out the pricing component to the designs provided. This is perfect for beginners and people who want to complete a smaller challenge.
Product preview card component
html|css
This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.
3-column preview card component
html|css
This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.
Four card feature section
html|css
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
Results summary component
html|css
This challenge has something for everyone. It's a HTML and CSS only project, but we've also provided a JSON file of the test results for anyone wanting to practice JS.
Article preview component
html|css|js
Practice your layout skills with this article preview component. There's lots of fun to be had playing around with animations for the sharing icons as well.
Interactive rating component
html|css|js
This is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!