CSS Essentials Workshop
Made for classmates who want to go beyond textbooks. Real examples, working demos, and CSS that actually makes sense.
Built this for our class workshop so we can actually understand CSS instead of just memorizing syntax from textbooks.
Each topic has working demos you can play with. Change values, hover over things, and see what happens in real time.
Whether you're struggling with pseudo-selectors or just want to finally understand how flexbox works, this is the place.
:hover, :focus, :nth-child and the rest
AvailableFlexbox, Grid & Float - when to use what
AvailableStop guessing, start aligning
AvailableFor when flexbox isn't enough
AvailableMake things move without JS
AvailableOne place to change everything
AvailableTarget exactly what you need
Available