Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Creating Breakpoint-Free Responsive CSS Grid Layouts

Kevin Powell via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to create responsive CSS Grid layouts without relying on breakpoints in this 11-minute tutorial video. Master essential Grid techniques including auto-fit, minmax(), and strategies to prevent overflow issues. Explore the differences between auto-fit and auto-fill, while discovering how to write more maintainable CSS code. Follow along with a simplified demo and see these concepts applied in a complete project build that demonstrates how to create flexible, dynamic layouts that automatically adjust to different screen sizes.

Syllabus

00:00 - Introduction
00:45 - Using auto-fit
02:25 - Adding in minmax
03:25 - The full build
04:15 - Making sure we never have an overflow
06:20 - auto-fit vs. auto-fill
09:10 - Making the CSS more readable

Taught by

Kevin Powell

Reviews

Start your review of Creating Breakpoint-Free Responsive CSS Grid Layouts

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.