How To Define Column Spacing In Css: Page Layouts


show more Defining column spacing provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts show less
please wait ...

Defining column spacing

In the previous movie, we began the process of planning a sample two-column fixed layout. We established the target resolution, we decided which unit we were going to base the grid off of, and we defined our grid. So in this movie, we are going to complete that process by using the layout grid to determine how to space our columns and then calculate the element dimensions we will need for our CSS. So I am just going to keep working in the fixed_planning.ai. In the previous movie, if you opened up a layout program and worked with that, then you can just continue doing that. And if you grabbed a piece of sketch paper and you are sketching it out on that, then that's awesome. Just keep doing that.

The first thing I want to focus on is the main column. Now I have already mentioned how this layout is going to be text heavy, so that means that wherever the body copy or the main text is, that's the most important content region on the page, and that is where I typically like to start wi...

Defining column spacing
Video duration: 9m 30s 8h 57m Beginner

Viewers:

Defining column spacing provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts

Subject:
Web
Software:
CSS
Author:
please wait ...