|
|
Questions, Answers and Comments by Category
-
-
|
I notice that someone is playing around with the site CSS. It has gone to full screen width. That's good on mobile, but not so good on larger desktop monitors like mine. It results in chasing content for miles across the page, and can make things much harder to read.
That's ok for me because I can write my own custom overrides, but most people wouldn't know how to do that.
Have you considered using media queries to set different widths for different sized screens? This is common practice these days, and is not difficult to do. It means you can use the full width on small devices, while keeping content within useful limits on wide screens.
--------------------------------------------------
Incidentally, the current CSS sets a body width of 100%. That's redundant code, because 100% is the default for all block level elements anyway, You don't, or shouldn't, need to specify it.
|
REPLY
|
|
Thanks for taking the time to share your feedback. People often don't realize suggestions and (constructive) criticism are what drive the changes to HelpMeFind.
Currently, we are focused on desktop use of HMF but we do have plans to address use on mobile devices in the near future.
With the increased use of larger monitors, we have found many of our users prefer the flexibility to resize the browser window to their liking instead of using full screen mode but your point is well taken and we will look into the possibility of providing user selection for preferences of this nature. If there is one area where the saying "you can't please everyone" applies it is user interfaces.
Thanks again for your suggestions.
|
REPLY
|
|
I wasn't suggesting adding different user preferences to the interface. Media queries aren't user preferences. It's just CSS. But unless you're rearranging content blocks for different screens you don't even really need media queries.
The main point is that once lines of text get over about 70 characters, they get more and more difficult to read. The optimum is somewhat less than this. This is basic typography and is well supported by a lot of testing.
But you don't need to force 100% width to fill a window. You can use max-width instead, to keep things within limits on wide screens while still allowing full use of narrow screens.
For example, if you set max-width: 1000px; and margin: 0 auto; the content will never exceed 1000px in width, and will remain centred on the screen, while still completely filling any screen narrower than 1000px.
|
REPLY
|
|
... or you could adjust your browser's window size to your preference.
|
REPLY
|
|
I don't like doing that. And the amount of code to do it the way I suggested is hardly different to what you are running now.
|
REPLY
|
|
