Css Courses

Traversy Media

Build 5 Projects With HTML, CSS & JavaScript

Enhance your web development skills through hands-on practice with five diverse projects, focusing on JavaScript, CSS, and DOM manipulation techniques for creating interactive and dynamic user interfaces.

• YouTube
• 1 hour 51 minutes
• On-Demand
• Free Video

Traversy Media

Hulu Webpage Clone - HTML & CSS

Build a Hulu homepage clone using HTML, CSS, and JavaScript. Learn responsive design, styling techniques, and interactive features while creating a modern streaming platform interface.

• YouTube
• 1 hour 31 minutes
• On-Demand
• Free Video

Traversy Media

Creative Agency Website From Scratch - HTML & CSS

Build a responsive creative agency website from scratch using HTML, CSS, and JavaScript, covering layout techniques, interactivity, and mobile optimization.

• YouTube
• 1 hour 27 minutes
• On-Demand
• Free Video

Traversy Media

Build a Responsive Website - HTML, CSS Grid, Flexbox & More

Learn to build a responsive website using modern HTML5 and CSS techniques like Grid, Flexbox, and animations. Gain hands-on experience in creating custom layouts, deploying to Netlify, and adding form functionality.

• YouTube
• 2 hours 2 minutes
• On-Demand
• Free Video

Traversy Media

Build a Modern Landing Page Website - HTML & CSS

Create a modern landing page website using HTML, CSS, and Sass. Learn styling techniques for hero sections, featured content, and product displays.

• YouTube
• 1 hour 15 minutes
• On-Demand
• Free Video

Bro Code

CSS in 1 Hour for Beginners

Learn CSS basics in 1 hour: fonts, borders, backgrounds, margins, positioning, pseudo-classes, shadows, icons, transformations, and animations for beginners.

• YouTube
• 1 hour
• On-Demand
• Free Video

Bro Code

HTML & CSS Full Course - Learn to Create a Website

Comprehensive guide to HTML and CSS, covering essential web development concepts from basic structure to advanced styling techniques for creating dynamic, visually appealing websites.

• YouTube
• 4 hours 55 minutes
• On-Demand
• Free Video

Learn CSS Grid

This tutorial teaches you CSS Grid through 14 interactive screencasts. You'll learn all the key concepts while building three awesome layouts: a website, an image grid, and an article. Plus, you'll learn how to combine CSS Grid with Flexbox.

• Scrimba
• 1 hour 11 minutes
• On-Demand
• Free Online Course

Learn CSS Variables

This tutorial teaches you CSS variables through eight interactive screencasts. It's value-packed from beginning to end, and is probably the fastest way to get an in-depth understanding of CSS Variables.

• Scrimba
• 31 minutes
• On-Demand
• Free Online Course

Learn Bulma CSS

This tutorial teaches you Bulma CSS through 13 interactive screencasts. In less than an hour you'll have built three websites with the popular CSS framework.

• Scrimba
• 1 hour 8 minutes
• On-Demand
• Free Online Course

Envato Tuts+

How to Create CSS Masonry Layouts

Explore CSS-only techniques for creating Pinterest-style masonry layouts using multi-column, flexbox, and grid. Learn step-by-step implementation for staggered, visually appealing designs without JavaScript.

• YouTube
• 37 minutes
• On-Demand
• Free Video

Derek Banas

CSS Tricks - CSS Problems Solved

Learn practical CSS techniques for responsive design, custom styling, and layout optimization, including backgrounds, fonts, positioning, and multi-column layouts.

• YouTube
• 38 minutes
• On-Demand
• Free Video

Portfolio Website Tutorial – Frontend Development with HTML, CSS, JavaScript

Learn to create a professional portfolio website using HTML, CSS, and JavaScript. Develop frontend skills while building an interactive, multi-section site with responsive design.

• freeCodeCamp
• 3-4 hours
• On-Demand
• Free Video

Create a Design System with CSS - Web Development Course

Learn to create a design system and build a space travel website using CSS, HTML, and JavaScript. Enhance your design skills and add a portfolio-worthy project.

• freeCodeCamp
• 7 hours
• On-Demand
• Free Video

HTML / CSS Tutorial – Create an Order Summary Component

Create an order summary component using HTML and CSS, learning key front-end development concepts and techniques applicable to various web projects.

• freeCodeCamp
• 1-2 hours
• On-Demand
• Free Video