Google, IBM & Microsoft Certificates — All in One Plan
Pass the PMP® Exam on Your First Try — Expert-Led Training
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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