DEV Community

Discussion on: Page layout: full-sized vs boxed

Collapse
 
baptistecrouzet profile image
Baptiste Crouzet • Edited

In my opinion a boxed layout is better, you control the max width of your layout. A full-sized layout need to be boxed on screens over retina screens. Maybe it's cheaper to integrate a layout with a maximum width of 1200px (like bootstrap), your integration will fit in screens having a display of more than 1200px. If you choose full-sized layout you will have to manage displays till retina screens, set max a maximum width etc.

But I think that the real subject is to keep a maximum size in both cases : a typography should never depend a lot of the width of your screen, it could be bad to get a layout with a title of 80px size or more for example. It's the same if you have a display integrated with flex : if you use justify-content: space-between, you need to set a max width on the container. Many other examples can be found.

If your website is responsive, the job is done whatever the display you choose !