CSS grid for backoffice - Post ID 278914


Guest
2 posts

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


Senior Advisor
17,827 posts
Online Now

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.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com


Guest
2 posts

Eric Rohloff wrote:
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

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.