This repository contains my CSS practice files, exercises, and assignments created as part of my web development learning journey. Each level represents a separate stage of progress — from beginner fundamentals to intermediate styling techniques — designed to strengthen my understanding of CSS properties, selectors, and layout systems.
I’m continuously learning and plan to expand this repository with more practice levels and mini styling challenges to track my growth over time.
🎯 Focus: Fundamental CSS concepts including:
Inline, internal, and external styling
Colors, borders, margins, and paddings
Fonts, text properties, and basic selectors
🧭 Goal: Build a strong foundation in how CSS affects page structure and appearance.
🎯 Focus: Practical assignments and layout-related exercises including:
Box model & positioning
Display properties (inline, block, inline-block)
Backgrounds, opacity, and transparency
Navbar and content styling
Basic hover and button effects
🧭 Goal: Develop clean, structured, and visually balanced layouts using CSS only.
🚀 These upcoming levels will include:
Responsive design and media queries
Flexbox and Grid layout systems
Transitions, animations, and transformations
Advanced styling and mini project applications
HTML5 (for structure)
CSS3 (for styling)
No frameworks — just pure CSS practice and experimentation.
To understand the core principles of CSS and how to apply them effectively for clean, accessible, and responsive web design.
Each level represents my hands-on journey — learning, implementing, and experimenting with various CSS properties to build a solid visual design foundation.
🌐 Credit
2025 | RUKHSHANDA BATOOL 💻 A personal learning repository showcasing my growth in CSS — from fundamental styling to creative web layouts.