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

YouTube

Layouts with CSS Grid

Kevin Powell via YouTube

Overview

Explore advanced CSS Grid techniques for creating dynamic layouts in this comprehensive video tutorial. Learn how to implement position sticky, experiment with typography, and tackle layout challenges using CSS Grid. Dive into practical examples, including recreating a lost CodePen project and participating in the #CodePenChallenge. Master Grid shorthand, sizing, spacing, and integrating card images. Gain insights into combining Grid with other CSS properties for enhanced design flexibility. Follow along as the instructor demonstrates real-world applications and problem-solving techniques for modern web design.

Syllabus

Intro
Rough design
Header
Card
Default Grid
Grid shorthand
Grid sizes
Grid spacing
Card images
Sticky
Position Sticky
CodePen Challenge
Typography
Grid
Display Grid

Taught by

Kevin Powell

Reviews

Start your review of Layouts with CSS Grid

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.