Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with html-css-challenge

A curated list of projects in awesome lists tagged with html-css-challenge .

https://github.com/yashi-singh-1/day-20-expandable-floating-action-button-menu-challenge

This challenge involves creating an interactive Floating Action Button (FAB) menu using HTML, CSS, and JavaScript. The FAB menu expands in a circular pattern when clicked, offering a visually appealing way to access multiple actions. A stylish linear gradient background enhances the interface's overall aesthetic.

css css-animations css3 floating-menu front-end front-end-challenge front-end-development frontend html html-css html-css-challenge html-css-javascript html-css-js html5 htmlcss-javascript htmlcsschallenge htmlcssjavascript javascript

Last synced: 17 Jun 2025

https://github.com/yashi-singh-9/results-summary-component

The Results Summary Component is a responsive and reusable frontend component designed to display a summary of results, such as quiz scores or assessment outcomes. Built as part of a coding challenge on Frontend Mentor, it aims to provide a clean, accessible interface that can be easily integrated into various web projects.

css frontend frontend-mentor frontendmentor-challenge html html-css-challenge scss

Last synced: 02 Mar 2025

https://github.com/yashi-singh-9/3-column-preview-card-component

This project solves the Frontend Mentor's 3-column preview card challenge, featuring a responsive layout with cards that include images, titles, descriptions, and call-to-action buttons. Built with HTML and CSS, it uses Flexbox and CSS Grid to ensure a dynamic user experience on various screen sizes.

css frontend frontend-mentor frontendmentor frontendmentor-challenge html html-css-challenge

Last synced: 03 Apr 2025

https://github.com/yashi-singh-1/day-31-pendulum-wave

If you are not yet fascinated by mathematics, you should be now at the latest. Wonderful what a small calculations brings forth. this description was provided.

100-days-css 100-dayscss 100days-css 100dayscss css css-animation css-animations-challenge css-challenge css3 cssanimation cssanimationchallenge cssanimations html html-css-challenge html5 html5-css3 html5css3 htmlcss htmlcsschallenge

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/simple-composition

This challenge involves creating a visually appealing composition using basic HTML and CSS techniques.

css css-battle css-battle-dev css3 cssbattle cssbattledev html html-css-challenge html5 html5-css3 html5css3 htmlcsschallnege web-art web-deisgn webart webdesign

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/day-27-checklist

What's the great thing about working through your to-do list? That's right, the relieving feeling when you can check off the tasks.

100-days-css 100-dayscss 100days 100dayscss css-challenge css-challnege csschallenge html html-css html-css-challenge html5-css3 html5css3 htmlcss

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/squiggle-challenge

The Squiggle Challenge utilizes HTML and CSS to construct a visually engaging design. It incorporates semicircles and circular dots arranged within a centered container. Using absolute positioning and various styling properties such as border-radius, box-shadow, and background-color, it achieves a distinctive and dynamic appearance.

css css-battle css-battle-dev css3 cssbattle cssbattledev html html-css html-css-challenge html5 html5-css3 html5-css3-challenge html5css3 htmlcss web-art web-design webart webdesign

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/interlocking-dashes

Welcome to the Interlocking Dashes challenge! In this challenge, you will create a visually appealing design featuring two overlapping elements with dashed borders. The design emphasizes the interplay between the borders of the elements to create an interlocking effect.

css css-battle css3 cssbattle cssbattle-solutions front-end front-endchallenge frontend frontend-challenge html html-css html-css-challenge html-csschallenge html5 htmlcss htmlcss-challenge htmlcsschallenge

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/vertical-circle-cascade

Create a vertically aligned, overlapping circle design within a container using HTML and CSS. Ensure circles extending beyond the container are clipped for a clean, polished look.

css css3 front-end front-end-challenge frontend frontend-challenge frontend-challenges html html-css html-css-challenge html5 htmlcss htmlcsschallenge

Last synced: 29 Jul 2025

https://github.com/khushi2706/frontend-challenge-html-css

This repository contains a collection of mini challenges designed to help developers prepare for frontend interviews. Each challenge focuses on different aspects of frontend development, including HTML, CSS, JavaScript, and modern frameworks

css frontend-challenge frontend-interview-questions frontend-project html html-css-challenge html-css-javascript interview-questions

Last synced: 30 Jul 2025

https://github.com/yashi-singh-1/day-32-counter

I wonder how high or low is the maximum you can count here? The transitions are pure CSS, but I used some JS for the counting.

100-days-css 100-dayscss 100dayscss css css-challenge css3 csschallenge html html-css html-css-challenge html5 html5-css3 html5css3 htmlcss htmlcsschallenge javascript vanilla-javascript vanilla-js vanillajavascript vanillajs

Last synced: 26 Aug 2025