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.

  • 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
    Commented Jan 4, 2013 at 12:07
  • 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.
    – urok93
    Commented Jan 4, 2013 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
    Commented Jan 4, 2013 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
    Commented Jan 4, 2013 at 15:31
  • I think you're missing the point of the grid. Think in terms of grid units, not specific pixel dimensions.
    – DA01
    Commented Jan 4, 2013 at 16:17

1 Answer 1


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.


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.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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