I don't know if this is possible, but I am curious if I can have a single web page with multiple grids on it. What I am trying to do is an article view with comments. The top of the page would be the article view which using the standard 12-column grid. On the bottom of the page, instead of using the standard 12-column grid, I want to use a 24-column grid which will allow me to have smaller indents in the column width for the comments.
I have been trying to follow the Multiple Grids section on this page of the documentation: http://foundation.zurb.com/sites/docs/grid.html
But when I end up using that code, it changes the entire grid-size to 24 columns for the whole page instead of just the section I want. My code is right now exactly what is in this piece as when I add that, and then run an SCSS compilation the whole page now has a 24 column grid which obviously changes the layout I was using there.
Is what I am trying to do possible? Or should I just make a grid of 24 and multiply everything in my 12-column grid by 2 for this page?