How to use CSS grid framework for custom widths and gutters?

How to make custom CSS grid framework for custom widths? In my company i get design (PSD) in different sizes in width site like 900px, 920 px, 915px, 973 px etc. and different gutter sizes like 10 px on right, 20 px on left etc. in this type of condition how can i use and take benefir of grid based framework

Upvotes: 0

Answers (5)

Jason

Reputation: 4772

Everybody seems to have missed the point: if your gutters are not regular, then you can't use a grid system. You just create custom classes for each column and use them as needed. The grid systems use regular gutters so you can stack them (the columns) in a any order you like.

-- Jason

Upvotes: 2

Adam Hopkinson

Reputation: 28795

If your widths and gutters are arbitrary sizes, you can't use one grid system for them all.

To create a different grid system for each design, there needs to be a common divisor between the widths - which is what the link provided by dr.squid does - but with widths such as 973, you'll struggle.

Upvotes: 0