Welcome to my personal CSS playground! Chronicles my CSS learning journey with documented experiments and breakthroughs — from fundamentals to advanced styling, reflecting growth, persistence, and the art of web design.
| Beginner | Intermediate | Advanced |
| Selectors | Box Model | Flexbox | Grid Layout |
| Animations | Transitions | Responsive Design | Transforms |
A glimpse of what I've been working on:
/* Modern Card Design with Gradient */
.card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 16px;
padding: 32px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
transform: translateY(0);
transition: transform 0.3s ease;
}
.card:hover {
transform: translateY(-8px);
}
Overall Progress: 85% Complete
| ✅ | CSS Fundamentals & Syntax |
| ✅ | Selectors & Specificity |
| ✅ | Box Model & Positioning |
| ✅ | Flexbox Layouts |
| ✅ | CSS Grid Mastery |
| ✅ | Animations & Transitions |
| ⭕ | Advanced Techniques |
| ⭕ | CSS Preprocessors |
git clone https://github.com/priyanshu-Raj26/CSS.git
cd css-learning-journey
# Open any .css file or link it in HTML to test
GitHub: @<priyanshu-Raj26>
Linkedin: My Linkedin
This is a personal learning repository, but feedback and suggestions are always welcome! Feel free to explore the code and see how CSS concepts come to life.
Tags:
📚 Learning
🎨 CSS
💻 Web Development
🚀 Open Source
⭐ GitHub