CSS Grid Courses and Certifications

Scrimba

Build a Responsive Layout with CSS Grid

12 ratings at Coursera

Master responsive web design using CSS Grid techniques for flexible, device-adaptive layouts. Hands-on lessons cover columns, rows, and areas to create visually appealing, user-friendly websites.

• Coursera
• 1 hour 41 minutes
• On-Demand
• Paid Course

Academind

Understanding CSS - Positioning, Flexbox, Grid, and Framework Comparison

Dive into essential CSS concepts including positioning, Flexbox, Grid, and framework comparisons to elevate your styling skills from beginner to advanced level.

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

CSS: Advanced Layouts with Grid

298 ratings at LinkedIn Learning

Learn how to take full advantage of the capabilities of CSS Grid to build interfaces that are attractive, accessible, and responsive.

• LinkedIn Learning
• 3 hours 21 minutes
• On-Demand
• Free Trial Available

Microcredential

Fundamentals of CSS Grid

Master CSS Grid fundamentals and build responsive, flexible layouts. Create galleries, articles, and real-world designs with precise control over spacing and alignment.

• Zero To Mastery
• 3 hours
• On-Demand
• Paid Course

Dani Krossing

How to Create Website Layouts Using CSS Grid - Learn HTML and CSS - HTML Tutorial

Explore CSS Grid for modern website layouts. Learn to create flexible, responsive designs using columns, rows, and areas. Master grid customization and mobile optimization techniques.

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

Responsive Web Design

125 reviews

Learn HTML, CSS, and responsive design principles to create visually appealing and accessible websites that adapt to different screen sizes. Master modern techniques like Flexbox and CSS Grid for complex layouts.

• freeCodeCamp
• 300 hours
• On-Demand
• Free Certificate

• Best of All Time

Kevin Powell

Layouts with CSS Grid

Explore advanced CSS Grid techniques for creating dynamic layouts, including sticky positioning and typography-based designs. Hands-on examples and CodePen challenges included.

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

Kevin Powell

Masonry Layouts for CSS Grid Level 3 - Proposed Features and Feedback

Explore the future of CSS masonry layouts, including current specifications, potential implementations, and how developers can contribute to shaping this exciting feature.

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

Kevin Powell

Three Underused CSS Grid Features

Discover advanced CSS Grid techniques: overlapping named grid lines, positioning with grid, and animating template rows/columns for enhanced web layouts and designs.

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

Kevin Powell

CSS Grid Alignment and Justification - A Comprehensive Guide

Master CSS Grid alignment with a clear mental model for using align-items, justify-items, align-content, and justify-content properties. Learn practical techniques for precise layout control and troubleshooting.

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

Kevin Powell

How to Set Max-Columns Using Auto-fit or Auto-fill in CSS Grid

Master CSS Grid's auto-fit and auto-fill by learning how to set maximum columns using calc() functions, prevent overflow issues, and implement responsive designs that stack at smaller screen sizes.

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

Kevin Powell

Creating Breakpoint-Free Responsive CSS Grid Layouts

Master responsive CSS Grid layouts using auto-fit and minmax properties to create flexible, overflow-proof designs that automatically adjust to different screen sizes without breakpoints.

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

Kevin Powell

Named Grid Lines in CSS - Underrated and Useful Feature

Discover the power of named grid lines in CSS. Learn three advanced techniques to enhance your layouts, including breaking out of sections, creating overlapping grid areas, and using subgrid.

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

Scrimba

Learn CSS Grid - From Beginner to Advanced

Master CSS Grid fundamentals through hands-on practice, covering positioning, template areas, responsive design, and advanced layout techniques in 12 interactive videos.

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

Flexbox, Grid, & Bootstrap

133 ratings at Noble Desktop

Master modern web layouts with Flexbox, Grid, and Bootstrap - from basic alignment to responsive designs, image galleries, and advanced techniques for creating adaptable, professional webpage layouts.

• Noble Desktop
• 12 hours
• 23rd Apr, 2026
• $650.00