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

Stefan Cutajar
Stefan Cutajar
7,745 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,249 Points

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

Stefan Cutajar
Stefan Cutajar
7,745 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,249 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)