This project is read-only.

Guidelines

  • The contents of the page should not be more than 600px. Larger than that will affect readability of text.
  • The minimum size of the content should be 480px. Smaller than that will affect images and code blocks within the blog.
  • The blog can have a single column layout, double column layout or three column layout. The number of columns in the layout should be decided by browser width available.
  • Apart from the content column, the left and the right column should have a minimum of 215px and maximum size of 240px.
  • Layout on the site should be borderless because borders will add pixels.

Main column size

  • Images and code blocks are contents within the site.
  • A margin of 30px on either side will look good.
  • Minimum content size: 480px
  • Minimum main column size: 540px
  • Maximum content size: 600px.
  • Maximum main column size: 660px.

Page size

  • The page will be centered within the body.
  • Maximum page size for a three column layout: 240px + 240px + 660px = 1140px.
  • Minimum page size for a three column layout = 215px + 215px + 540px = 970px.
  • Maximum page size for a two column layout: 240px + 660px = 900px.
  • Minimum page size for a two column layout = 215px + 540px = 755px.
  • Maximum page size for a single column layout: 660px.
  • Minimum page size for a single column layout: 540px.



Last edited Dec 6, 2013 at 7:13 AM by vijayst, version 4

Comments

No comments yet.