

Next lesson playing in 5 seconds
CancelGetting 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
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 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
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.