3-column-preview-card-component-main

article-preview-component

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.

base-apparel-coming-soon-page

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.

blog-preview-card

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.

devaccesibility

Braille translator | DevAccesibility

efeele

faq-accordion

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!

four-card-feature-section

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

github-readme-stats

:zap: Dynamically generated stats for your github readmes

huddle-landing-page-with-a-single-introductory-section

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

hwangtaehyun

My GitHub Profile. Before Fork it, Star it, Please :star:

interactive-rating-component

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!

intro-component-with-sign-up-form

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

jvillegasd

Leave a star if you like it :D

nft-preview-card-component

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

notifications-page

This project will be a brilliant test of your HTML, CSS, and basic JavaScript skills. You'll use JS to toggle the visual state of the notifications.

order-summary-component-main

ping-single-column-coming-soon-page

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

product-preview-card-component

Includes assets, JPG images of the design files, and a basic style guide. There’s also a README to help you get started.

profile-card-component-main

qr-code-component

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.

recipe-page

This challenge will help you focus on writing semantic HT

results-summary-component

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.

seongjaeryu

single-price-grid

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.

social-links-profile

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!

social-proof-section

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

spotify-github-profile

Show your Spotify playing on your Github profile

stats-preview-card-component-main

zumrudu-anka

🐲 GitHub Profile Readme