3-column-preview-card-component

This solution 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.

adminhub

An interactive Admin dashboard with a responsive design, built using HTML, CSS, and JavaScript. It offers a user-friendly interface for managing and monitoring application/system aspects. Features include data visualization, user management, analytics, and customizable widgets. Designed to be intuitive, visually appealing, and adaptable to various

article-preview-component-solution

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_solution

There are some interesting details to it that will test your CSS skills. You'll also get to practice basic form validation.

boilerplate-express

boilerplate-npm

c-_bacis_code

calculator-with-js-css-glassmorphism-effects-glass-morphism

card-game

client-side-html-form-validation

Here is a full example to show the usage of HTML's built-in validation features.

colorify

coursera-test

Coursera test repository

crm_application

css-project

css_animation-effects

css_variables

dragon_game

drum-machine

This repository contains the source code for a simple and interactive Drum Machine. The application allows users to play various drum sounds through virtual drum pads, either by clicking on them or using corresponding keyboard shortcuts. It features controls to switch between different drum sound banks, adjust the volume, and power the drum machine

encryption

entertainmenthub

expenses_chart_component

This expenses chart component help you improve your coding skills by building realistic projects.

fantasy_football_quarterback_rankings

Beginner's guide to using MySQL database in a Node.js app

faq-accordion-card-solution

I learned how to use and style the <details> and <summary> HTML elements.

fem-manage-landing-page

four-card-feature-section-solution

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

freecodecampsolutions

fullstack-course4

Example code for HTML, CSS, and Javascript for Web Developers Coursera Course

fylo-landing-page-with-two-column-layout

This project is great if you're starting to get confident with slightly more complex layouts. The second section with the testimonial area will provide a nice challenge.

html-basic-code

html-del-and-ins-tag-with-css

Correction with HTML <del>, <ins> tags.