Главная
Study mode:
on
1
Intro
2
Rough design
3
Header
4
Card
5
Default Grid
6
Grid shorthand
7
Grid sizes
8
Grid spacing
9
Card images
10
Sticky
11
Position Sticky
12
CodePen Challenge
13
Typography
14
Grid
15
Display Grid
Description:
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.

Layouts with CSS Grid

Kevin Powell
Add to list
0:00 / 0:00