Welcome to Awesome 60 CSS — a creative challenge where I design and code something beautiful every day using just HTML and CSS, for 60 days straight!
💡 “Creativity is intelligence having fun.” — Albert Einstein
The aim of this project is to:
- Enhance my CSS skills through daily hands-on practice.
- Explore various CSS techniques, animations, layouts, and design patterns.
- Build a library of visually appealing UI elements and micro-interactions.
Each day brings a new concept, a new idea, and a new design — all written from scratch with just HTML & CSS.
Awesome-60-CSS/ │ ├── Day-01/ │ ├── index.html │ └── style.css │ ├── Day-02/ │ ├── index.html │ └── style.css │ ... └── Day-60/ ├── index.html └── style.css
Each folder contains the complete design for the day, fully built with only HTML and CSS.
Over the course of 60 days, you'll find:
- 🖼️ Creative Layouts
- 🎨 Buttons, Cards & UI Elements
- 💫 Pure CSS Animations
- 🌈 Gradients, Glassmorphism, Neumorphism
- 🧠 CSS Tricks & Best Practices
- 📱 Responsive Designs
- Clone the repository:
git clone https://github.com/your-username/Awesome-60-CSS.git cd Awesome-60-CSS - Navigate to any day’s folder and open index.html in your browser.
📌 Progress Tracker
Day Design Name Preview ✅ Day 01 Live ✅ Day 02 Live ⏳ ... Coming soon... ⏳ Day 60 Coming soon... Live preview links will be added as I progress.
📷 Gallery (Coming Soon) A visual collection of all 60 CSS designs will be showcased here once the challenge is completed.
🙌 Let's Connect Love CSS? Building something similar? Want to collaborate?
Feel free to reach out:
🌐 Portfolio
📄 License This project is licensed under the MIT License. Feel free to explore, use, and learn — but please give credit when appropriate!