Envato Elements: Unlimited templates, graphics, courses, eBooks, and now 300,000 photos! Unlimited courses, eBooks, graphics + photos Only $29/month
Dismiss
  1. Web Design
  2. Foundation for Sites
Webdesign
Getting to Know the Foundation XY Grid
by
Lessons:7Length:38 minutes
Foundation for SitesFoundation
Turn Autoplay Off
Next Lesson

Next lesson playing in 5 seconds

Cancel

Free 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.

Build on your knowledge of Foundation with these courses:

1.Introduction
2 lessons, 05:24

Free Lesson
1.1
Welcome to the Course!
00:45

Free Lesson
1.2
Downloading the XY Grid
04:39

2.The XY Grid
5 lessons, 33:01

2.1
Basics of the XY Grid
08:56

2.2
The Grid Container and Block Grids
06:04

2.3
Using Grid Gutters and Collapsible Cells
06:20

2.4
Using Vertical Grids
03:41

2.5
How to Align Grid Cells
08:00

Iign1n2b
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.
Subscribe to watch full course
Add to My CoursesDiscuss in the Forum
Elements
Unlimited Downloads
Only $29/month
Get access to over 18,000 creative assets on Envato Elements.
Market
Over 9 Million Digital Assets
Everything you need for your next creative project.
Studio
Hire a Freelancer
Choose from 2,000 professionals ready to do the work for you.
Community
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.