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