Hi,
We are developing an intranet backoffice. We've been investigating about safe area, and real viewport size of browsers in the different OS.

Since it's internal software, we can "force" users to use browser and resolution we want. We would like to use 1280x1024 resolution in screens, and Chrome (or Firefox) as default browser.

We've checked with browser window maximized that the viewport size (in Chrome and Firefox) is 1263 pixels width. But we don't want to force so much, I mean, we think in 1240 as maximum width of web design.

Now, playing with CSS Grid generator software, I've found this config: 1240px = 12 columns of 85px each one plus 20px gutter.

What do you think about this ? Is it a good idea flexible enough for a backoffice ?

Any suggestions about this development ?

Thank you
Honey Asin

Hi Honey,
The great thing about responsive design is you make you site look good at all views so it doesn't matter what it's being viewed with. If those numbers fit your design then by all means go for it.

Thank You @Eric Rohloff