Use with Fluid Grid Layout?

I just upgraded to CS6 and I want to use it to its' fullest. How do I implement the new Fluid Grid Layout with the extensions? (I have data bridge and ecart as well) I've tried looking for tutorials but I guess it is too new for lengthy How-To's.

I figure I just make the layout using the fluid divs, add the backgrounds and styles via CSS then after I have everything setup, turn that into a template and use the extensions as I would any other template layout.

Is this correct?

I think that should be correct. However, you should be aware that some of the extensions don't write the easiest to follow mark-up or CSS code (form builder I'm looking at you). When creating fluid grid layouts the default doc type is HTML5 - you can change this, but if you want to use HTML 5 and adhere to it's markup rules you'll need to do some fairly extensive work.

All fluid grid layouts really are is a set of media queries already embedded into a page.

You'll need to take the original css code generated by the extensions and then add in new values for the mobile/tablet devices yourself in the CSS file you create when choosing the fluid grid layout system. Making sites responsive is not a 5 minute job, its quite time consuming and you need to consider your CSS a lot more.

Hope this helps you.

Thanks for the response. Seems I will have to read up more on HTML 5 before I do anything crazy.

Have a look at HTML5 Boilerplate. Download and play around with it and look on the website why they have done everything the way it is. That should give you a good insight to HTML5.