{"id":7393,"date":"2012-09-11T17:58:04","date_gmt":"2012-09-11T12:28:04","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=7393"},"modified":"2016-12-19T14:49:57","modified_gmt":"2016-12-19T09:19:57","slug":"960-grid-system","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/960-grid-system\/","title":{"rendered":"960 Grid System"},"content":{"rendered":"

The 960 Grid system contains 960 pixel width. This is a CSS Framework. There are 3 types of grids in 960 Grid stystem, that is<\/p>\n

    \n
  1. 12-Column Grid<\/li>\n
  2. 16-Column Grid<\/li>\n
  3. 24-Column Grid<\/li>\n<\/ol>\n

    It is in fact based on a very simple and a basic principle of designing \u2013 ALIGNMENT. The 960 Grid system comes with framework sheets for designing the webpages. Conversion of psd to html is very easy in 960 Grid System<\/p>\n

    \n

    The image above shows an example of 12 columns. In the width of 960px, each column has a width of 60px and left and right margins of 10px.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The 960 Grid system contains 960 pixel width. This is a CSS Framework. There are 3 types of grids in 960 Grid stystem, that is 12-Column Grid 16-Column Grid 24-Column Grid It is in fact based on a very simple and a basic principle of designing \u2013 ALIGNMENT. The 960 Grid system comes with framework […]<\/p>\n","protected":false},"author":51,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":9,"footnotes":""},"categories":[1],"tags":[953,245,954],"class_list":["post-7393","post","type-post","status-publish","format-standard","hentry","category-technology","tag-960-grid-stystem","tag-css","tag-css-framework"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t