Beyond the Basics: CSS Grid Layout

by Adi Purdila28 Sep 2018

Lessons:7Length:41 minutes

CSS Grid Layout CSS Responsive Web Design

2.2 Aligning Grid Tracks and Grid Items

In addition to CSS Grid’s fantastic options for aligning grid items, it also gives us plenty of options for grid tracks, so let’s have a closer look at these.

Related Links

CodePen Demo

1.Introduction
1 lesson, 01:17

Free Lesson

1.1
Welcome
01:17

2.CSS Grid Layout
6 lessons, 39:52

Free Lesson

2.1
Working With the Implicit Grid
06:03

2.2
Aligning Grid Tracks and Grid Items
10:03

2.3
Working With Grid Template Areas
06:33

2.4
Working With Grid Line Names
06:01

2.5
Working With the minmax() Function
04:34

2.6
Working With auto-fill and auto-fit
06:38

Adi Purdila

Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.

adipurdila

Beyond the Basics: CSS Grid Layout

2.2 Aligning Grid Tracks and Grid Items

1.Introduction1 lesson, 01:17

Free Lesson 1.1Welcome01:17

2.CSS Grid Layout6 lessons, 39:52

Free Lesson 2.1Working With the Implicit Grid06:03

2.2Aligning Grid Tracks and Grid Items10:03

2.3Working With Grid Template Areas06:33

2.4Working With Grid Line Names06:01

2.5Working With the minmax() Function04:34

2.6Working With auto-fill and auto-fit06:38