About

Available in days

days after you enroll

• About This Course Preview
• Telegram Group for This Course Start

  What is CSS and Why? 🚀🎨

Available in days

days after you enroll

• What CSS Is and Why It’s Used – The Language of Style! 🚀🎨 Start
• ❓Quiz Start

  Setup Environment

Available in days

days after you enroll

• Tools & Materials Required for CSS Deep Dive 🔧💻 Start

  Types of CSS Styling 🚀🎨

Available in days

days after you enroll

• Types of CSS Styling 🚀🎨 (4:52) Start
• ❓Quiz Start

  Inline CSS 🚀🎨

Available in days

days after you enroll

• Inline CSS – Quick Tweaks for Individual Elements 🚀🎨 (10:59) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  Internal (Embedded) CSS 📚🎨

Available in days

days after you enroll

• Internal (Embedded) CSS – Styling from Within Your HTML 📚🎨 (13:36) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  External CSS 🌐🧰

Available in days

days after you enroll

• External CSS – Building Reusable and Consistent Designs 🌐🧰 (5:47) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Syntax, Selectors, Properties, and Values 🎯💻

Available in days

days after you enroll

• CSS Syntax 🚀💡 Start
• CSS Selectors – Mastering Element Targeting 🎯💻 (11:47) Start
• Advanced CSS Selectors – Diving Deeper into Element Targeting 🚀🔍 (7:47) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  Specificity in CSS 🏆🎨

Available in days

days after you enroll

• Specificity in CSS – The Styling Contest 🏆🎨 (8:37) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  The Cascade in CSS 🔄🎨

Available in days

days after you enroll

• The Cascade in CSS – How Multiple Rules Interact 🔄🎨 (8:39) Start
• ❓Quiz Start

  Inheritance in CSS – 👨‍👩‍👧✨

Available in days

days after you enroll

• Inheritance in CSS – Passing Down Family Traits 👨‍👩‍👧✨ (8:03) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Comments 📝✨

Available in days

days after you enroll

• CSS Comments – Writing Clear and Maintainable Styles 📝✨ Start

  CSS Colors 🎨🎨

Available in days

days after you enroll

• CSS Color Names – A Built-In Palette for Web Designers 🎨✨ (8:25) Start
• Color Names - 140 Standard Colors 🎨 Start
• ❓Quiz 1 Start
• CSS RGB Colors – Creating Custom Hues with Red, Green, and Blue 🎨🔴🟢🔵 (3:59) Start
• ❓Quiz 2 Start
• CSS HEX Colors – Mastering the Hexadecimal Palette 🔢🎨 (4:45) Start
• ❓Quiz 3 Start
• CSS HSL Colors – Exploring Hue, Saturation, and Lightness 🎨🌈 (6:04) Start
• ❓Quiz 4 Start

  CSS Background-Color 🎨✨

Available in days

days after you enroll

• CSS Background-Color – Adding Life to Your Web Designs 🎨✨ (14:25) Start
• ❓Quiz Start

  CSS Background Image 🖼️✨

Available in days

days after you enroll

• CSS Background Image – Enhancing Your Web Designs with Imagery 🖼️✨ (10:22) Start
• CSS Background-Attachment – Controlling the Movement of Backgrounds 🚀🖼️ (2:32) Start
• ❓Quiz Start

  CSS Background Shorthand 🎨🖼️

Available in days

days after you enroll

• CSS Background Shorthand – Combining All Background Properties in One Declaration 🎨🖼️ (8:17) Start
• ❓Quiz Start

  CSS Borders 🖼️🔲

Available in days

days after you enroll

• CSS Borders – Adding Structure and Style to Your Elements 🖼️🔲 (13:07) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Margins 📏✨

Available in days

days after you enroll

• CSS Margins – Spacing Your Elements Effectively 📏✨ (16:41) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz 1 Start
• Margin Collapse – Understanding Vertical Margin Behavior 📏🔄 (6:00) Start
• ❓Quiz 2 Start

  CSS Padding 📏🛋️

Available in days

days after you enroll

• CSS Padding – Creating Comfortable Spaces Inside Your Elements 📏🛋️ (10:23) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  Inspecting Elements Using DevTools 🕵️‍♀️🔧

Available in days

days after you enroll

• Inspecting Elements Using DevTools 🕵️‍♀️🔧 (7:11) Start
• Practice Activity 🔨 Start
• ❓Quiz Start

  CSS Units – Pixels, Percentages, Ems, Rems, and Beyond 📏🔢

Available in days

days after you enroll

• Introduction about: CSS Units 📏🔢 Start
• 1️⃣ Absolute Units (10:07) Start
• Another Absolute Units: The pt Unit in CSS – Designing for Print and Precision 📄✒️ Start
• ❓ Quiz 1 Start
• 2️⃣ Relative Units Start
• Relative Units - 📏 Percentage (%) (14:10) Start
• ❓ Quiz 2 Start
• Relative Units - 📏 em (17:35) Start
• ❓Quiz 3 Start
• Relative Units - 📏 rem (6:26) Start
• ❓ Quiz 4 Start
• Relative - Viewport Units - 📏 vw (Viewport Width) & vh (Viewport Height) (13:26) Start
• ❓ Quiz 5 Start
• Relative - Viewport Units -📏 vmin & vmax (Viewport Minimum & Maximum Units) (11:15) Start
• ❓ Quiz 6 Start
• Relative Units - 📏 ch (Character Width) (5:07) Start
• ❓ Quiz 7 Start
• Relative Units - 📏 ex (x-height) (4:32) Start
• ❓ Quiz 8 Start
• 📊 CSS Units Comparison Table - When to Use Which? Start
• 🎯 Practice: Build a Responsive "Unit Showcase" Page Start
• 🎯 Practice - Solutions Start

  CSS Fonts 🎨🔤

Available in days

days after you enroll

• 1️⃣ font-family 🏷️ (15:43) Start
• 2️⃣ font-style 🎭 (2:30) Start
• 3️⃣ font-size 🔠 (2:42) Start
• 4️⃣ font-weight 💪 (5:18) Start
• 5️⃣ line-height ↕️ (4:13) Start
• 6️⃣ font-stretch ↔️ (3:55) Start
• 7️⃣ font-variant 🔡 (8:08) Start
• 8️⃣ Google Fonts 🌐 (17:23) Start
• 9️⃣ @font-face 🌐 – Self-Hosting Custom & Web Fonts (12:57) Start
• Which is faster using @font-face or link? Start
• 🔟font Shorthand 🖋️ Start

  CSS Height, Width, and Max-Width 📏🔍

Available in days

days after you enroll

• CSS Height, Width, and Max-Width – Controlling Element Dimensions 📏🔍 (8:27) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Outline 🖍️

Available in days

days after you enroll

• CSS Outline 🖍️ (11:56) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Box Model 📦🔍

Available in days

days after you enroll

• What is CSS Box Model? (13:21) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Layout – The position Property 📐

Available in days

days after you enroll

• The position Property 📐 (9:05) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Display: block, inline, and inline-block 🖥️📏

Available in days

days after you enroll

• block, inline, and inline-block 🖥️📏 (7:23) Start
• Practice Activities 🛠️ Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Hiding Techniques: display: none vs. visibility: hidden

Available in days

days after you enroll

• display: none vs. visibility: hidden (4:02) Start
• Practice Activities 🛠️ Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  CSS Layout -Display – Flexbox Fundamentals 🧩📐

Available in days

days after you enroll

• Flexbox Fundamentals 🧩📐 (20:35) Start
• Practice Activity 🔨 Start
• Practice Activity 🔨: Sample Solution Start
• ❓Quiz Start

  Media Query 📱🔍

Available in days

days after you enroll

• Responsive Design with Media Queries 📱💻 (13:36) Start
• 1- Breakpoint Exploration: Ultra-Wide Screens 📏🖥️ Start
• 2- Orientation Query: Portrait vs. Landscape 📱📐 Start
• 3- High-DPI Images: Retina & 2× Displays 🎨✨ Start
• 4- Print Styles: @media print 🖨️📄 Start
• ❓Quiz Start

  CSS Layout -Display – Grid Fundamentals 🧩📐

Available in days

days after you enroll

• CSS Grid Layout 🧩📐 Preview
• ❓Quiz Start
• Fixed Grid Example (9:29) Start
• ❓Quiz 2 Start
• Responsive Grids with fr Units (7:05) Start
• ❓Quiz 3 Start
• Repeat Notation (2:20) Start
• ❓Quiz 4 Start
• Responsive Grid with auto-fit & minmax() (3:49) Start
• ❓Quiz 5 Start
• Placing Grid Items By Line Numbers (13:25) Start
• ❓ Quiz 6 Start
• Aligning Grid Items with justify-items & align-items (5:02) Start
• Aligning Items with Place Items Start
• ❓ Quiz 7 Start
• Aligning Tracks with justify-content & align-content (7:07) Start
• The place-content Shorthand Start
• ❓Quiz 8 Start
• justify-self, align-self & place-self Start
• ❓Quiz 9 Start
• Side-by-side comparison of the six alignment properties Start
• CSS Grid Implicit Tracks : grid-auto-rows & grid-auto-columns 📐 (5:14) Start
• ❓Quiz 10 Start
• Controlling Item Placement with grid-auto-flow 📐🔄 (7:30) Start
• ❓Quiz 11 Start
• CSS Grid Areas – Name Your Layout Like a Map 🗺️🧩 (11:48) Start
• ❓Quiz 12 Start
• Practical Examples (Self Understand) Start

  Misc - Layout

Available in days

days after you enroll

• Layout – The z-index Property 🗂️↕️ (4:14) Start
• ❓Quiz 1 Start
• Layout – The overflow Property 🌊📦 (7:20) Start
• ❓Quiz 2 Start
• Layout – float and clear 🏊‍♂️🚧 (7:24) Start
• ❓Quiz 3 Start
• Multi-Column Layout – Creating Multiple Columns 📰 (7:29) Start
• ❓Quiz 4 Start
• CSS Pseudo-Elements ::before & ::after ✨📐 (6:49) Start
• ❓Quiz 5 Start
• CSS Tooltips 🛠️✨ (7:38) Start
• ❓Quiz 6 Start
• CSS Gradients 🌈✨ (10:35) Start
• ❓Quiz 7 Start
• CSS Shadow Effects 🌑✨ (13:36) Start
• Shadow Practice Activities 🛠️ Start
• Shadow Practice Activities Solutions 🛠️ Start
• ❓Quiz 8 Start
• CSS Opacity / Transparency 🎨🔍 (5:19) Start
• ❓Quiz 9 Start

  Transforms

Available in days

days after you enroll

• CSS Transforms – 2D & 3D Magic 🚀✨ (10:32) Start
• Practice Activities 🔨 Start
• Practice Activities Solution 🔨 Start
• ❓Quiz Start

  Transition

Available in days

days after you enroll

• CSS Transitions (12:01) Start
• Practice Activities 🔨 Start
• Practice Activities Solution 🔨 Start
• ❓Quiz Start

  Animation

Available in days

days after you enroll

• CSS Animations (17:43) Start
• Practice Activities 🔨 Start
• Practice Activities Solutions 🔨 Start
• ❓Quiz Start

  More About Images

Available in days

days after you enroll

• CSS Styling Images : Responsive, Avatar, Object-Fit, Filters, Shadows and Borders (13:28) Start
• Practice Activities 🔨 Start
• Practice Activities Solution 🔨 Start
• ❓Quiz 1 Start
• CSS Image Shapes (29:08) Start
• ❓Quiz 2 Start
• CSS Centering Images (5:46) Start
• ❓Quiz 3 Start
• CSS Image Sprites Preview
• ❓Quiz 4 Start
• CSS SVG Sprites Preview
• ❓Quiz 5 Start

  CSS Masking

Available in days

days after you enroll

• CSS Masking – Shaping Elements with Images & Gradients 🎭 (15:45) Start
• ❓Quiz Start

  CSS Variables

Available in days

days after you enroll

• CSS Variables – Reusable, Dynamic Styling 🎨 (17:39) Start
• ❓Quiz Start

  CSS Math Functions

Available in days

days after you enroll

• CSS Math Functions – Making Values Smarter 📐 (6:55) Start

  Practice Projects 🚀💪

Available in days

days after you enroll

• Project 1 - CV - Layout 1 (43:16) Start
• Project 2 - CV - Layout 2 (34:43) Start
• Project 3 - CV - Layout 3 (17:29) Start
• Project 4 - CV - Layout 4 Start
• Project 5 - CV - Layout 5 (Dev-Tools) (11:11) Start
• Project 6 - Short Stories - Layout 1 (11:40) Start
• Project 7 - Short Stories - Layout 2 (5:31) Start
• Project 8 - Short Stories - Layout 3 Start

  Self Study Projects - Short Stories Different Layouts

Available in days

days after you enroll

• Projects 9 to 20 - Short Stories - Different Layouts (20:28) Start

  Self Study Projects - Galaries

Available in days

days after you enroll

• Project 21 to 30 - Galaries (20:13) Start

  Self Study Project - Button Styles

Available in days

days after you enroll

• Project 31 - 30 CSS Button Styles (5:55) Start

  Self Study Project - TextBox Styles

Available in days

days after you enroll

• Project 32 - 30 CSS Textbox Styles (6:27) Start

  Self Study Project - CheckBox and Radio Button Styles

Available in days

days after you enroll

• Project 33 - 30 CSS Checkbox & Radio Styles (7:13) Start

  Self Study Project - CSS Dropdown & List Styles

Available in days

days after you enroll

• Project 34 CSS Dropdown & List Styles (5:22) Start

  Self Study Project - CSS Pagination Styles

Available in days

days after you enroll

• Project 35 - 30 CSS Pagination Styles (3:37) Start

  Self Study Project - Menu Styles

Available in days

days after you enroll

• Project 36 - 30 CSS Menu Styles (4:15) Start