Css Courses

Learn HTML and CSS with Our Video Lessons

135-minute HTML course: Get started creating web pages with HTML and CSS, the basic building blocks of web development. HTML, or HyperText Markup L...

• Treehouse
• 2 hours 15 minutes
• Self-Paced
• Free Trial Available

CSS Flexbox Layout Course (How To)

105-minute CSS course: Flexbox is a set of CSS properties that give you a flexible way to lay out content. With flexbox you can change the directio...

• Treehouse
• 1 hour 45 minutes
• Self-Paced
• Free Trial Available

Animating SVG with CSS Course (How To)

85-minute CSS course: SVG (Scalable Vector Graphics) also supports interactivity and animation, so you can animate and interact with SVG like you'r...

• Treehouse
• 1 hour 25 minutes
• Self-Paced
• Free Trial Available

CSS to Sass Course (How To)

117-minute CSS course: If you're not sure where to begin when converting CSS over to Sass, this is the place to start. In this course, you'll learn...

• Treehouse
• 1 hour 57 minutes
• Self-Paced
• Free Trial Available

CSS Selectors Course (How To)

166-minute CSS course: In this short course, we're going to go beyond the basic selector concepts covered in CSS Basics. Besides the common ways to...

• Treehouse
• 2 hours 46 minutes
• Self-Paced
• Free Trial Available

Modular CSS with Sass Course (How To)

193-minute CSS course: Today’s websites and applications are larger than ever and a lot hinges on the CSS architecture. CSS that is poorly thought-...

• Treehouse
• 3 hours 13 minutes
• Self-Paced
• Free Trial Available

Treehouse Club: CSS Course (How To)

56-minute CSS course: In this project, you will learn how to edit pre-written code to style a web page for desktops, tablets, and mobile devices. Y...

• Treehouse
• 56 minutes
• Self-Paced
• Free Trial Available

Build a Quiz App with HTML, CSS, and JavaScript

Build a browser-based quiz app with question loading, answer feedback, progress tracking, and persistent high scores.

• YouTube
• 2 hours 30 minutes
• Self-Paced
• Free Video

Materialize CSS

A hands-on introduction to Materialize CSS for building responsive interfaces with modals, navigation, grids, cards, sliders, carousels, and parallax effects.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• Free Video

CSS Flexbox Tutorial

Hey dawgs, so in this CSS Flexbox tutorial series, I'll be introducing you to the core concepts of flexbox, and then showing you how we can apply those to create some cool UI elements with them, such as nav bars and grid displays.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• Free Video

CSS Tips & Tricks

Hey ninjas, in this CSS tutorial series I'll bunch together a collection of different CSS tips and tricks and show you how to make some CSS-only goodies. We'll look at CSS tooltips, burger navs, modals and popups, festive lights, star wars text and more.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• Free Video

Net Ninja

Mobile-First Responsive Build with CSS Grid

In this mini-series, we'll build a responsive website using a mobile-first approach (developing the site for mobiles first and then extending the design to larger screens).

• YouTube
• 2 hours 30 minutes
• Self-Paced
• Free Video

CSS Grid

Learn to build responsive layouts with CSS Grid through hands-on exercises covering track sizing, item placement, alignment, and grid-template areas.

• YouTube
• 4 hours 30 minutes
• Self-Paced
• Free Video

TheCoderCoder

CSS Box Model Explained - Padding, Border, Margin

Understand the CSS Box Model fundamentals including content, padding, border, and margin - essential building blocks for every website layout and design.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

PedroTech

Tailwind CSS in React Crash Course 2026 - Become a React Tailwind Pro in 1 Hour

Build responsive React interfaces with Tailwind CSS v4, covering utility styling, flexbox, grid, hover transitions, dark mode, and custom theme colors.

• YouTube
• 54 minutes
• Self-Paced
• Free Video