Browse Lessons

Create a nice color scheme for your website the easy way

VS Code shortcuts & tips to help you work faster

Solving The Biggest Challenge of Custom Properties

Remove the specificity of any selector in your CSS

5 tips to learn Sass quickly

Can I create Netflix’s video carousel with CSS only?

Work faster with these 3 VS code tips

Background images with HTML & CSS

Create a color theme mixin with Sass

Stop using HEX and rgb()

Understanding Propagation and Why It Matters

Light & Dark mode WITHOUT CSS!

Improve performance with one attribute

3 tricks to improve your CSS

Animate from display none

Making complex problems simpler with custom properties

Can I create this tricky orbiting icon animation?

Create an adaptive CSS grid with a max column count!

Select a range of content WITHOUT JavaScript

Modern CSS is magic

A powerful CSS display property that no one talks about

More HTML elements that almost no one uses (but should!)

Modals made easy

Is Sass still relevant?

The problem with shorthands in CSS

A look at the CUBE CSS methodology in action

dialog = the easiest way to make a popup modal

Get more out of custom properties

Multiple elements with one shadow with CSS

Stop using an extension to compile Sass

Obscure HTML elements that almost no one uses (but should!)

What they got WRONG with CSS

CSS Animations 101: Digging Deep with Amit Sheen

Can I make this animated navigation design with HTML & CSS?

The fastest way to center vertically & horizontally with CSS

HTML section elements are a lie (sort of)

Supercharge your CSS with Open Props

Outline text with one line of CSS

Place-content vs. place-items | What's the difference to vertically & horizontally center?

Strengthening Typography with Responsive Techniques and Typetura

Better readability with one line of CSS

No more specificity issues?! (or all new ones 🤔) - A look at CSS Cascade Layers

Create a horizontal media scroller with CSS

Position absolute is even better with grid!

The how and why: align-items & align-content in flex and grid

Can I create this interactive Dribbble card design?

Set and control multiple background images on a single element with CSS

The problem with multiple nav elements (and the simple solution)