691 posts
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Had an item featured in an Envato Bundle
+4 more
cooledition says

What do you think guys? Should i use the 1200 grid system or 960 grid system and why? If you know some websites using the 1200 grid system plz post a link :)

1744 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
VisualSharing says

Imagine 1200px on a 1024×768 screen resolution (many laptops use it). :)

438 posts
  • Has been part of the Envato Community for over 4 years
  • Sells items exclusively on Envato Market
  • Located in United States
christopherjon says

1024×768 is like IE 6 -8, A lot of people still use it and you need to develop your websites to be accessible to as many people as possible.

You also have to take into consideration mobile browsers, tablets, webTV etc…

Widescreen websites, CSS3 , HTML5 or any cutting-edge technology should be used sparingly until it becomes the standard.

691 posts
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Had an item featured in an Envato Bundle
+4 more
cooledition says
christopherjon said
1024×768 is like IE 6 -8, A lot of people still use it and you need to develop your websites to be accessible to as many people as possible.

You also have to take into consideration mobile browsers, tablets, webTV etc…

Widescreen websites, CSS3 , HTML5 or any cutting-edge technology should be used sparingly until it becomes the standard.

thank you, then i will make my theme using the 960 grid system

678 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Has sold $250,000+ on Envato Market
  • Has referred 500+ members
+11 more
cudazi Envato team says

or build your own at http://www.spry-soft.com/grids

2064 posts
  • Has collected 50+ items on Envato Market
  • Has been part of the Envato Community for over 4 years
  • Sells items exclusively on Envato Market
  • Located in United States
Landonw says
cmt said
Imagine 1200px on a 1024×768 screen resolution (many laptops use it). :)

Netbooks, more like. I use a 1000 pixel grid just as Parallelus does.

9 posts
  • Has been part of the Envato Community for over 1 year
  • Has collected 1+ items on Envato Market
310MPH says

I believe, for the last two years the situation has drastically changed. It seems to be that 960 grid systems turn to be useless (those narrow sites look outdated). What is the best grid system for wide screens?

I’m developing my first wide-screen theme at the moment. As a strarting point I choose 1920-width screen. I don’t use any grid system, and draw my own with margins about 5.55%. Just trying to figure it out how to make sure that my theme will fit even wider screens. Should I get my theme fixed at 1710px (and make it responsive to smaller sizes) or let it go up to any over-1920 screen width?

647 posts
  • Has been part of the Envato Community for over 3 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
ChapterThemes says

I have a 27 inch screen, but i still like websites that don’t go any bigger than 1024 or 1280.

I do also like cool ones who go bigger. But i feel lots of people tend to go with realy wider sites for the wrong reason.

Main reason i always see is screen size and screen resolutions. Yes, nowadays we have bigger screens and higher resolutions. But with my 27 inch screen and a resolution of 2560×1440, do i ever have my browser window full screen? Never. And i think most people with realy larger screens and higher resolutions barely use their entire screen to browse.

That’s why i think, and my own surfing experience is that a site which goes up to 1024 or 1280 is still very pleasant to look at and interact with.

647 posts
  • Has been part of the Envato Community for over 3 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
ChapterThemes says

(those narrow sites look outdated).

I totally disagree. A nice designed site of 1024 pixels wide looks just a good as always. Even on big screens.


I’m developing my first wide-screen theme at the moment. As a strarting point I choose 1920-width screen. I don’t use any grid system, and draw my own with margins about 5.55%. Just trying to figure it out how to make sure that my theme will fit even wider screens. Should I get my theme fixed at 1710px (and make it responsive to smaller sizes) or let it go up to any over-1920 screen width?

So unnecessary, and frankly i think it’s even non-userfriendly to have such a big site. I don’t want to look and move my mouse too far down or sides the whole screen for a site.

Besides that, like i said in my previous comment: it’s rarely the case that people with such large screens browse full width. Most of the time the browser is still half the width or something.

515 posts
  • Has sold $10,000+ on Envato Market
  • Has been part of the Envato Community for over 3 years
  • Sells items exclusively on Envato Market
  • Won a Most Wanted contest
+2 more
rayoflightt says

Take a look at new approved themes here so you will see. Main content of site should be up to 1200px in center of screen and background should be 100% wide. If main content is 100% wide I believe that is called “liquid” layout and it is useful only for some kinds of sites (eg. with lot of text and with not much of design), not for all.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by