Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics Getting Started with CSS Layout Using a Mobile First Approach

Stefan Cutajar
Stefan Cutajar
7,747 Points
Posted by Stefan Cutajar
Stefan Cutajar
7,747 Points

Why 1000px?

Hi, When Guil mentioned max-width 1000px why did he use 1000px not 1200 for example? Is it like a standard rule to follow or it depends on what you're working on? Thanks, Stefan

1 Answer

Matt Brock
Matt Brock
28,330 Points

Just depends on what you're working on and what works for the content.

Stefan Cutajar
Stefan Cutajar
7,747 Points
Stefan Cutajar
Stefan Cutajar
7,747 Points

Thanks for the reply. But how should I know the the size? It will take ages if I just throw a number and try to guess I think there are some steps you need to follow.

Matt Brock
Matt Brock
28,330 Points

A max-width of 1200px is a good, somewhat standard, starting point. That's a little too wide for a single column of text, so you'd need to reduce that or use multiple columns to maintain readability. Some layouts using a max-width: 1200px you could mess with are:

  1. Sidebar 200px / Content 700px / Sidebar 300px (good for news layout)
  2. Content 800px / Sidebar 400px (good for blog layout)
  3. Content 1200px (good for grid content)