Challenges

This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content.

In this small project, you'll build out your social link-sharing profile. You can even personalize it and use it to share all your social profiles!

This HTML & CSS-only challenge is a perfect project for beginners getting up to speed with HTML and CSS fundamentals, like HTML structure and the box model.

In this challenge, you'll build an FAQ accordion. This is an extremely common front-end pattern, so it's an excellent opportunity to get some practice in!

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.

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

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!

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.

This HTML & CSS only challenge is perfect for anyone just starting out or anyone wanting a small project to play around with.

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

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.

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.

This is a perfect challenge to test your layout skills. The card layout doesn't shift, so it's also great for those that haven't dived into responsive websites yet!

This project will test your layout skills. If you're starting to get confident with Flexbox or Grid, this will provide a nice challenge!

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.

A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.

This layout looks simple enough, but there are some interesting details to it that will test your CSS skills. You'll also get to practice basic form validation.

Practice building out a sign-up form complete with client-side validation using JavaScript.

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.

This challenge is great for beginners and offers a chance to practice basic client-side form validation.

A perfect challenge for beginners, this project will get you working with a two column layout.