Learn CSS

CSSBattle's LEARN is the first-ever gamified CSS course targeted towards beginners, intermediates, and even experts. Each course consists of multiple levels which you play and learn - just like a game!

This is a lot of fun. Nice interactive way to start learning!

Kevin Powell - CSS Evangelist

CHRISTMAS SALE 🎁

Beginner LevelsStart your journey here by learning about the basics of CSS and the most commonly used properties

70+

Fun levels

Demo

CHRISTMAS SALE 🎁

Intermediate LevelsMove a step forward and become a master of layouts with some exciting new fun-filled levels

300+

Fun levels

Expert LevelsLearn about some advanced CSS concepts, and know when and how to use these techniques

Coming soon!

2600+

Learners

70%

Completion rate

All courses get free lifetime updates for new and updated levels! The price is exclusive of local taxes.

CHRISTMAS SALE 🎁 ends in

What's special about CSSBattle courses?

Imagine learning CSS, not through tedious videos or complex articles, but with an exciting, game-like experience. It's a learning adventure where you don't just learn, you play, engage, and absorb knowledge at a rapid-fire pace. It's like turning your grind into a thrilling quest, except the loot you get is tangible CSS prowess! And that is why our courses have a never-seen completion rate of 70%!

FAQ

Whom is the Basic course for?#

If you have no knowledge of CSS or have just started with learning CSS, CSS Learn Basic is the course for you.

🚨 Note: This course won't teach you code-golfing concepts and thus getting better score on CSSBattle. It's meant to learn CSS.

Are there any pre-requisites for the Basic course?#

You should have a very basic knowledge of HTML, that's it!

What do I get to learn in Basic course?#

CSS Learn Basic course covers the most basic CSS properties. Once you have done the course, you'll be able to style simple web pages.

What do I get to learn in the Intermediate course?#

CSS Learn Intermediate course covers all the CSS concepts you need to style professional websites and applications. Covering from different layouts (Flow, Positioning, Flexbox), to selectors & pseudo-classes, to Backgrounds and much more!

Is this a subscription or one-time cost?#

You have to pay one-time for lifetime access to the course.

Is there some bulk-purchase or team discount?#

We can figure something out. Message us on our mail.

I have some other question#

Sure, let us know on our mail.

Hear it from the best

This is a great way for beginners to learn CSS! Anything that adds gamification and entices people to go deeper without feeling like a "chore" is a great thing!

Kirupa - Founder of Kirupa.com

A very interactive course compared to those available from other providers, which feel more like lectures. With an interactive and in-browser embedded coding environment, what more could you ask for? I highly recommend this course to beginners or even coders with some experience who are trying to get back into CSS!

Dhhyey Desai - Online Instructor (500K+ Students)

From our course takers...

The course is fresh and fast, it allows you to refresh your memory on parts of CSS that you now take for granted." -

Alys - UI Designer

The best way to break out tutorial hell by actually practicing! And it is quite fun, which makes it even better.

Ralph Pastel - Product manager

This was the most enjoyable way to learn (and relearn) CSS in the right way. I can't wait for the expert levels!

Gustavo Milczwski - Tech lead

Enroll now

CHRISTMAS SALE 🎁 ends in