Exploring grid-based syntax


show more Exploring grid-based syntax provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Frameworks and Grids show less
please wait ...

Exploring grid-based syntax

I have always felt that the best way to learn something is just to dive in and do it. With that in mind, let's explore typical grid- based syntax by crafting a basic page layout. We're going to be working with the Foundation grid simply because we have already been working with the framework, and we're kind of familiar with how it works. Every single grid system is going to be slightly different in terms of its syntax, but the basic concepts are the same. So if you learn how to use one grid, moving to a different grid and working with it is typically just learning about its class structure and how it needs to structure elements on the page as well.

So I'm here at the documentation for Foundation, and I'm looking at the grid documentation. Again, some of the basics are it's a 12-column nestable grid. It says if you are familiar with grid systems, you're going to feel right at home, but if you have never used one before, let's take a look at how we use it. A grid is ...

Exploring grid-based syntax
Video duration: 10m 36s 3h 27m Beginner

Viewers:

Exploring grid-based syntax provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Frameworks and Grids

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...