Complete CSS live class — basics to pro level.
Eight live, mentor-led sessions that take you from your first CSS rule to Flexbox, Grid, animations and a complete multipage website you host yourself. Part of the Kodyfier Full Stack live classes.
Everything moving on this page is CSS. Yes, these too.
No images, no libraries, no JavaScript — just the properties you will be writing yourself by session 7.
display: flex; transform: scaleY();
@keyframes + rotate3d() + perspective
linear-gradient() + hue-rotate()
Stop fighting layouts. Start designing them.
CSS is where most beginners quit — centering breaks, layouts collapse on mobile, nothing looks like the design. Taught live, you get unstuck in minutes instead of days.
100% Live Classes
Every session is taught live — not a pre-recorded playlist. Ask, interrupt, and code along in real time.
Daily Doubt Sessions
A property not behaving? A layout collapsing? Dedicated doubt-clearing time so nothing stays broken overnight.
Flexbox & Grid, Properly
The two layout systems every modern site runs on, taught until they feel obvious — not copy-pasted from Stack Overflow.
Animations That Look Pro
Transforms, transitions, keyframes and perspective — build 10+ animated components you can drop into any project.
Performance & Clean Code
BEM and SMACSS naming, CSS variables, nesting and optimization so your stylesheets stay fast and maintainable.
Ship It Live
Finish with a complete multipage website, tested, SEO-ready and hosted on a real URL you can share.
Three levels. Every CSS topic that matters.
Nothing is skipped and nothing is padded — here is the exact topic list, level by level.
- What is CSS?
- CSS rule structure
- How to use CSS in HTML
- Types of selectors
- Comments in CSS
- Colors & background properties
- CSS units & dimensions
- Fonts & text properties
- CSS box model
- Border, padding & margin
- CSS display, floats etc.
- CSS positions & z-index
- CSS overflow
- CSS3 gradients
- CSS3 shadows & filters
- CSS combinators
- CSS pseudo class & element
- CSS3 column layout
- CSS3 Flexbox & Grid
- CSS3 animations & transform
- Transitions & perspective
- CSS specificity & prefixes
- CSS media & container queries
- CSS BEM, SMACSS etc.
- CSS3 variables, nesting etc.
- New CSS3 features & bonus
- 50+ interview questions
- 30+ tips & tricks
- Complete notes + codes
- 100+ animated slides
- 10+ animated projects
- Project — complete multipage website using HTML & CSS
- CSS performance and optimization
- SEO + testing + LIVE hosting (free & paid)
Eight sessions, two weeks.
Every topic in the order that actually makes sense — each session built around live coding, not slides being read out.
CSS foundations & every selector
Understand what CSS really is, how the browser applies it, and how to target exactly the element you mean.
Colors, units & typography
Make things look intentional — the color systems, sizing units and text properties real designers use.
The box model & spacing
The single concept that explains why your layout is 20px off — learned properly, once and for all.
Display, floats, position & z-index
Control exactly where an element sits on the page and which element wins when two overlap.
Flexbox, Grid & column layout
The two layout engines behind every modern website — built live, from simple rows to full page templates.
Responsive design, gradients & effects
Make one site look right on every screen, then add the depth and polish that makes it look premium.
Animations, transforms & advanced selectors
Bring the page to life — transitions, keyframes, 3D perspective, plus the selectors that remove extra markup.
Pro level: architecture, performance & hosting
Write CSS like a professional, then ship your capstone website to a live URL anyone can visit.
Real, designed, responsive builds.
Styled from scratch in class with HTML and CSS only — plus 10+ smaller animated components along the way.
Everything you get for ₹99.
The class is live, but nothing disappears after it ends — the notes, codes, slides and recordings stay yours.
8 Live Sessions
Taught live, doubts cleared on the spot.
Lifetime Recordings
Every session recorded to your dashboard.
Complete Notes + Codes
All source code and written notes included.
100+ Animated Slides
The exact slides used to explain each concept.
10+ Animated Projects
Small builds you can reuse anywhere.
50+ Interview Questions
The CSS questions interviewers actually ask.
30+ Tips & Tricks
Shortcuts and habits that save hours.
Certificate of Completion
Awarded after your capstone submission.
The whole CSS live class. Just ₹99.
Cost shouldn't be the reason anyone can't start. Reserve your seat and get all eight sessions, the recordings, complete notes, 100+ slides and every project file.