Wednesday, November 3, 2010

The Simpler CSS Grid

Last week I talked about 960 Grid System is Getting Old. Surprisingly a lot of comments have been made. It seems like people are using 960gs because of the "golden ratio" — all numbers are even. I’m a designer, not a grid scientist. Why restrict your layout so that it can fit into this 960gs? A grid is supposed to help you in design, not to limit your creativity. The 978 grid, that I mentioned before, is not just about increasing the page width, but to loosen the gutter space so users can read it more comfortably. Today, I would like to write a follow up post to further ellaborate on some of the points I brought up initially.

The Simpler 978px Grid (demo)

The 978px grid that I mentioned in my previous article got rid of the unnecessary left and right margin. As a result, the content width is increased by 38px. The gutter space has incresed from 20px to 30px. It still fits in the 1024 default display and the columns can be divided in any number of ways: 1/11, 3/3/3/3, 4/4/4, 3/9, etc.

source: web design css

8 comments:

  1. I have gone through your post and found some information which is quite important for me.
    So, please keep it up with your these kind of posts.

    Mercedes Benz Air Conditioner Compressor

    ReplyDelete
  2. Web development is a very fast growing business globally with an ever increasing need for skilled web design professionals.

    Juggernaut Web Design

    ReplyDelete
  3. Chevrolet W4500 Turbo
    great post! It’s something I have never thought about, really, but it makes a whole lot of sense. Thanks for sharing

    ReplyDelete
  4. A web design London apart from having good design should also give equal importance to speed at which the site pages load.


    Thanks for a nice share..

    ------------------------------------------------
    Web Design London

    ReplyDelete
  5. Simple and genuine post you have here very good information can be collected that is very useful.
    web designing company

    ReplyDelete
  6. Great info of Simpler CSS Grid beginners can get nice knowledge from your post keep it up.

    web design agency london

    ReplyDelete
  7. This is very old post but when i visited this post so i gather some very previous knowledge regarding CSS grid. That is why this post is ever green still.

    Free Classified Ads United Kingdom

    ReplyDelete
  8. All companies and businesses which are run online have their own web servers to enable them to connect with the customers and to build a website in a way that they can easily manage. If you want to get more interesting details about A2 hosting price, visit this site right here.

    ReplyDelete