challenges

Project image

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.

Project image

Order summary component

html|css

A perfect project for newbies who are starting to build confidence with layouts!

Project image

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.

Project image

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.

Project image

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.

Project image

Product preview card component

html|css

This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.

Project image

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.

Project image

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.

Project image

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.

Project image

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.

Project image

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!