How can I use the entire screen width while using fluid grids?

Question

Starting to  play around with fluid grids in CS6. If you start with the fluid grid template, in the desktop layout (for example), the gridContainer is 88.5% wide. It appears you should do everything within the gridContainer div. With that being said, If I want to create different visual effects on my page that use a true 100% of the width, how do I do that and stay within this design structure/methodology?
This seems pretty basic but I don't want to start off by breaking the rules or hacking in a work around
Thanks in advance.
Donna

Answer 1

While starting with the FG Design you can set the widths to 100% in the New Document Dialog
If you have already into the design of your page , you can modify the gridcontainer classes in your css as below
.gridContainer {
          margin-left: auto;
          margin-right: auto;
width: 100%;
          padding-left: 0%;
          padding-right: 0%;
          clear: none;
          float: none;