Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 CSS Learning Journey

Documenting my path to CSS mastery


🌐 About This Repository

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.


🚀 Learning Journey

🌱

Beginner

🔥

Intermediate

Advanced

💡 Skills Acquired

🎯

Selectors

📦

Box Model

📐

Flexbox

🎨

Grid Layout

Animations

🔄

Transitions

📱

Responsive Design

🎭

Transforms

💻 Code Snapshot

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);
}

📊 Progress Tracker

Overall Progress: 85% Complete

CSS Fundamentals & Syntax
Selectors & Specificity
Box Model & Positioning
Flexbox Layouts
CSS Grid Mastery
Animations & Transitions
Advanced Techniques
CSS Preprocessors

⚙ How to Use

git clone https://github.com/priyanshu-Raj26/CSS.git
cd css-learning-journey
# Open any .css file or link it in HTML to test

📬 Contact

GitHub: @<priyanshu-Raj26>
Linkedin: My Linkedin

🤝 Contribution & Connect

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


Made with passion and dedication to learning

— Priyanshu Raj

About

My CSS learning journey — showcasing layouts, animations, components, and styling techniques as I grow as a web developer.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages