Fluid Grid Layouts in Dreamweaver CS6

by Bill Cassel on May 22, 2012

Post image for Fluid Grid Layouts in Dreamweaver CS6

One of the sig­na­ture new fea­tures of Dreamweaver CS6 is fluid grid lay­outs, a new approach to respon­sive web design. Instead of cre­at­ing a site-​​wide media query file that imports sep­a­rate style sheets for each type of device, a fluid grid lay­out cre­ates all the media queries in a sin­gle style sheet. It also adopts the approach of styling for mobile first.

In this free video from his recent course Dreamweaver CS6: New Fea­tures Workshop, David Pow­ers shows you how to use a fluid grid lay­out in your web design. You’ll see how to set up a lay­out, mod­ify the set­tings, and deal with some com­mon gotchas that you may encounter.

  • http://www.facebook.com/herbert.holeman Her­bert Holeman

    Thanks for a good start on learn­ing about the fluid grid layouts

  • Dan Brod­nitz

    You bet — glad it helped, Her­bert!

Previous post:

Next post: