by Adi Purdila
Lessons:7Length:38 minutes
Next lesson playing in 5 seconds
CancelFree Preview: Getting to Know the Foundation XY Grid
Welcome to the Course!
00:45
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.Introduction2 lessons, 05:24
2 lessons, 05:24
Free Lesson 1.1Welcome to the Course!00:45
Free Lesson
1.1
Welcome to the Course!
00:45
Free Lesson 1.2Downloading the XY Grid04:39
Free Lesson
1.2
Downloading the XY Grid
04:39
2.The XY Grid5 lessons, 33:01
5 lessons, 33:01
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
Subscribe to watch full course
Subscribe to watch full course