For some reason my responsive grid is breaking when I open my website in Firefox. I’m using skeleton grid system and I haven’t really had any problems with cross browser compatibility before but I modified the grid (to a 8 column grid instead of a 16) and I think I may have broken something.
I can’t figure it out because all I did was remove the classes for the other 8 columns.
The columns start where they are supposed to but they are huge and extend off the page now.
Here is the live website: http://nicki.smartbrandidentity.com/
Any help is greatly appreciated.
If I were you, I’d just use the 16 column layout. Use the column2 when you would use a column1. These grids are designed to give you as many options as can fit in a grid, and you shouldn’t limit yourself to only 8.
Also, looking at the css, this does not look like a “responsive” grid. All of the columns are set in pixels. If you want a really easy grid that is actually responsive, check out the columnal grid system. http://www.columnal.com/