Skip to content

Daily CSS projects & challenges to level up your styling game! A fun way to practice, get creative, and master modern CSSโ€”one day at a time! โœŒ๐Ÿป

Notifications You must be signed in to change notification settings

hritik5102/CSS-Daily-Challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a8047e1 ยท Feb 7, 2025

History

65 Commits
Aug 2, 2024
Aug 15, 2024
Aug 4, 2024
Aug 6, 2024
Oct 20, 2024
Aug 13, 2024
Nov 26, 2024
Aug 21, 2024
Aug 22, 2024
Aug 23, 2024
Aug 25, 2024
Aug 27, 2024
Sep 2, 2024
Oct 30, 2024
Oct 22, 2024
Oct 23, 2024
Oct 24, 2024
Nov 26, 2024
Oct 27, 2024
Nov 5, 2024
Nov 9, 2024
Nov 24, 2024
Nov 24, 2024
Jan 12, 2025
Dec 3, 2024
Jan 12, 2025
Jan 12, 2025
Jan 20, 2025
Feb 5, 2025
Aug 2, 2024
Feb 7, 2025

Repository files navigation

CSS Daily Challenge โœจ

Welcome to the CSS Daily Challenge repository!

This repository is a collection of CSS projects created as part of a daily challenge to improve CSS skills. Feel free to explore, learn, and contribute!

Projects

No. Project Live Demo
01 Multicolor border using conic gradient Live Demo
02 Modern CSS Resets Live Demo
03 Styling table Live Demo
04 Circle SVG Animation Using ฯ€ Constant Live Demo
05 CSS Inheritance Live Demo
06 HSL Color Scheme Live Demo
07 A11y - Two tonned outline Live Demo
08 Color All Diagonal Cells Live Demo
09 Call to action card Live Demo
10 URL Input Validation Using CSS Live Demo
11 Negative Margin Effect Live Demo
12 Button Sliding Effect Live Demo
13 CSS Position Property Live Demo
14 Border Playground Live Demo
15 Focus Within Pseudo Class Live Demo
16 Word in the center of horizontal line Live Demo
17 Accordion Menu Live Demo
18 Text Hover Effect Live Demo
19 Accessible radio buttons Live Demo
20 Custom Range Input Live Demo
21 Replaced Elements Live Demo
22 Space between inline elements Live Demo
23 Deal with inline block Live Demo
24 Min Max Fit Content Width Live Demo
25 Width Algorithm Live Demo

Project Structure

  1. Each CSS project should be in its own folder.
  2. The folder name should be descriptive of the project.
  3. Include an index.html file to showcase the CSS.

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

Make sure your changes don't break existing functionality without good reason.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Discuss the features, ideas you want to add to the project from here ๐Ÿ“Œ

Roadmap

See the open issues for a list of proposed features (and known issues).

License

Distributed under the MIT License. See LICENSE for more information.

Guidelines

  1. Feel free to experiment with different CSS techniques and properties.
  2. Try to create visually appealing and functional designs.
  3. Provide clear explanations for your code (if applicable).
  4. Respect the work of others and contribute positively to the community.

Let's build a strong CSS community together!

If you have any questions or suggestions, feel free to open an issue.

Happy coding! ๐Ÿ˜„

Contributor

Hritik Jaiswal

About

Daily CSS projects & challenges to level up your styling game! A fun way to practice, get creative, and master modern CSSโ€”one day at a time! โœŒ๐Ÿป

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published