Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
up vote 0 down vote favorite

I'm using a theme based on 1140px grid and I'd like to make the content area narrower while making the sidebar wider (currently it's 250px). How do I ensure everything stays proportional? I'm looking at something in the region of 300px for the sidebar.

share|improve this question
4  
Can you clarify what you are actually asking here? The column proportions are going to change if you change their widths while keeping the overall width the same. – e100 Jan 4 at 12:07
If you break the grid.. it's not the same grid. You need to either construct a new grid which matches your desired sizes or stick to the grid you have. – Scott Jan 4 at 12:18
Yeah but there are ways to have 2 columns on the same grid, but of varying widths. My question is how will I know what these combinations are for 2 columns. – drtanz Jan 4 at 12:34
If you increase one column by 50px in a two-column layout of fixed width, you need to take 50px off the other column. – e100 Jan 4 at 12:53
To clarify what e100 said in comment #1: if you make the column wider and the content area narrower, they cannot "stay proportional." Perhaps you can reconsider the wording of your question. – horatio Jan 4 at 15:31
show 1 more comment

1 Answer

up vote 1 down vote

Sounds to me like you aren't happy with the theme and you need something new.

Gridpak is an excellent responsive grid generator that may save you a lot of pain and suffering. Enter your column count, padding, gutters, and simply drag a pixel-snapped ruler to set the total size then download your files.

Gridpak

Gridset is a more in-depth, professional grade responsive grid generator. If you're up for that, this one will also cost you a little (very little). I haven't used it since private beta but it produced beautiful responsive code then.

Gridset

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.