Quick answers to frequently asked questions about Gridset.

Why do I need a set of grids?

Gridset allows you to create grids for a number of breakpoints. Each grid can be different – from ratio grids, to simple column grids. This set of grids is then compiled to one CSS file for your site. This means you have complete freedom to create appropriate grid systems for a plethora of different contexts.

What are compound grids?

Compound grids are when different column configurations of grid are overlaid, or compounded, to create a single grid. As a designer, this results in interesting asymmetric column configurations arising from the combining. It also means you can get quite a broad range of layout possibilities from a relatively simple grid, with equally small CSS served from Gridset.

Which browsers are supported?

You can access and use the app in all modern browsers and Internet Explorer (IE) versions 9 and up. The CSS generated by Gridset will work in all modern browsers and IE 7+.

Ah, but what about IE 7 & 8’s lack of media query support?

Because of this, Gridset has a setting that will allow you to define grid (or set of grids for one breakpoint) you want to serve to these version of IE.

Is there Sass support?

Yes! Read all about the Gridset Sass functions & mixins.

What if I want a fixed width?

You can simply wrap the grid system in a container and apply a fixed width to that. Gridset also allows you to fix individual columns of a grid - or all of them – to pixels instead of percentages. This is particularly useful when you want to combine fixed and fluid layouts to accommodate advertising units, for example.

How much does Gridset cost?

We offer two subscription options: a monthly or annual Unlimited Subscription. You can also purchase the assets for individual sets with a one-time payment, if that works better for your projects. Read more about our plans on the pricing page.

Why can’t I create a grid with more than 18 columns?

There are a couple of reasons. Reason one: the way Gridset builds out the column possibilities, the file size and possibilities gets prohibitive above 18 columns. Reason two: there are other ways of achieving layout possibilities without increasing your column count of your grid. Chances are, if you need more than 18 columns, you may need to think about redesigning your grid.

Is the CSS output production-ready?

The embedded Gridset CSS link is great for prototyping, high fidelity prototypes and demos and getting started with layout right away. When focusing on making your site production-ready, you can download your CSS and host it yourself. If the generated CSS is too big for your liking, you can use our Cheat Sheets to roll your own CSS, or use the Gridset Sass output to apply your layout styles directly to your HTML elements without the need for presentational classes.

Why is the CSS so big?

Gridset calculates every possible column configuration from your grid set. So, the more columns you have, the larger the number of layout possibilities and the larger the CSS has to be. This is why we provide a you with a link to a highly-compressed, embeddable CSS to use during development, and further options when optimizing your site for production.

Why would I want to embed the CSS?

Well, it’s easy. If you embed the CSS, we will heavily compress it to mitigate some of the file size. We will also serve the right CSS to the right browser, and allow you to jump right into laying our your responsive site.