Lessons:7Length:38 minutes
Foundation 6.4 brought us a new grid system called the XY grid. It’s based on the awesome Flexbox layout module, and it’s super easy to use.
In this course you’re going to learn the basics of using the XY grid and figure out whether it’s the right choice for you.
We've built a comprehensive guide to help you learn Foundation, whether you're just getting started or you want to explore more advanced topics check out Learn Foundation.
1.Introduction
1.1Welcome to the Course!00:45
1.1
Welcome to the Course!
00:45
1.2Downloading the XY Grid04:39
1.2
Downloading the XY Grid
04:39
2.The XY Grid
2.1Basics of the XY Grid08:56
2.1
Basics of the XY Grid
08:56
2.2The Grid Container and Block Grids06:04
2.2
The Grid Container and Block Grids
06:04
2.3Using Grid Gutters and Collapsible Cells06:20
2.3
Using Grid Gutters and Collapsible Cells
06:20
2.4Using Vertical Grids03:41
2.4
Using Vertical Grids
03:41
2.5How to Align Grid Cells08:00
2.5
How to Align Grid Cells
08:00
