Projects in Awesome Lists tagged with htmlcsschallenge
A curated list of projects in awesome lists tagged with htmlcsschallenge .
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-1/blog-preview-card
Challenge to build a responsive blog preview card using HTML and CSS, inspired by Frontend Mentor designs.
challenge css css3 front-end front-end-challenge front-end-developemnt front-end-mentor frontend frontend-challenge frontend-development frontend-mentor frontend-mentor-challenge frontendchallenge html html-css-challenge html5 htmlcss-challenge htmlcsschallenge mobile-responsive mobileresponsive
Last synced: 24 Feb 2025
https://github.com/yashi-singh-1/image-hover-zoom-challenge
Create a responsive grid of images with engaging hover effects using HTML and CSS.
css css-hover css-hover-effects css-hovereffects css3 csshover csshover-effects front-end front-end-challenge frontend frontend-challenge hover-effects hovereffects html html-css html-css-challenge html5 htmlcss htmlcss-challenge htmlcsschallenge
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/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