From the course: CSS: Float-Based Page Layouts (2012)
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Defining column spacing - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
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 with my…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.