Become an AI & ML Engineer with Cal Poly EPaCE — IBM-Certified Training
Master Windows Internals - Kernel Programming, Debugging & Architecture
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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