Once you have created your Fluid Grid Layout design, you're not stuck with it.…You can easily adjust the width of the columns, as well as the left margin to leave…additional whitespace or perhaps make room for a new page element.…You can even hide any divs you don't want displayed on a particular screen.…Let me show you how.…Now I have opened the profile.htm file from Chapter 3/03_02 folder of the…exercise files. In Design view, and I'm currently looking at the Desktop screen size.…
So, let's say that I want to insert a new div, perhaps an advertisement or two…between the interview, which is in the second column and the artwork divs, which…in the third column.…Let's see if we can make some room first, so I'm going to go ahead and select…the interview div, and it's currently at 4 column spread here, I'll scroll down…a little bit, so I can get that middle sizing handle, and I'm going to resize it to 3 columns.…Now let's do the same thing for the artwork, take it from 4 to 3, so we do have…2 columns left over.…
Released
8/21/2012- Exploring the default Fluid Grid Layout
- Adding building block div tags
- Inserting content into a fluid grid
- Modifying the number of grid columns
- Adjusting column widths and margins
- Building media queries from scratch
- Handling orientation changes
- Applying JavaScript techniques
- Setting up server-side solutions
Share this video
Embed this video
Video: Adjusting column widths and margins