Lessons:19Length:1.9 hours

For full access to all 19 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
3.9 Coding Columns in Foundation
Now that we know how the grid system in Foundation is structured, it's time to jump into HTML again and code our own layout.
1.Welcome1 lesson, 00:50
1 lesson, 00:50
Free Lesson 1.1Introduction00:50
Free Lesson
1.1
Introduction
00:50
2.Introduction to Grid Systems2 lessons, 08:38
2 lessons, 08:38
Free Lesson 2.1What is a Grid-Based Design?02:01
Free Lesson
2.1
What is a Grid-Based Design?
02:01
2.2Popular Grid-Based Systems06:37
2.2
Popular Grid-Based Systems
06:37
3.The 960 Grid System9 lessons, 58:28
9 lessons, 58:28
3.1Exploring the 960 Grid System05:28
3.1
Exploring the 960 Grid System
05:28
3.2Coding With the 960 Grid System09:51
3.2
Coding With the 960 Grid System
09:51
3.3Exploring Unsemantic04:16
3.3
Exploring Unsemantic
04:16
3.4Using Unsemantic11:11
3.4
Using Unsemantic
11:11
3.5Twitter Bootstrap03:24
3.5
Twitter Bootstrap
03:24
3.6Coding Columns in Bootstrap08:25
3.6
Coding Columns in Bootstrap
08:25
3.7The Bootstrap Fluid Grid01:48
3.7
The Bootstrap Fluid Grid
01:48
3.8Foundation05:08
3.8
Foundation
05:08
3.9Coding Columns in Foundation08:57
3.9
Coding Columns in Foundation
08:57
4.Why Create Your Own System?6 lessons, 47:40
6 lessons, 47:40
4.1Why Create Your Own System?04:07
4.1
Why Create Your Own System?
04:07
4.2HTML for a Four-Column Layout09:11
4.2
HTML for a Four-Column Layout
09:11
4.3Calculating Widths05:55
4.3
Calculating Widths
05:55
4.4Resetting Styles06:45
4.4
Resetting Styles
06:45
4.5CSS for a Four-Column Layout15:01
4.5
CSS for a Four-Column Layout
15:01
4.6Creating a Three-Column Layout06:41
4.6
Creating a Three-Column Layout
06:41
5.Conclusion1 lesson, 01:09
1 lesson, 01:09
5.1Conclusion01:09
5.1
Conclusion
01:09
Continue watching with Elements
Continue watching with Elements