search

Leibniz-HBI / smo-wiki

Generates a Github Page from the Social Media Observatory Wiki with Bash, Python, Regexes and Jekyll.
https://smo-wiki.leibniz-hbi.de
4 stars 1 forks source link

Update style.scss - Extend page width to 1280px #60

Open grenwi opened 9 months ago

grenwi commented 9 months ago

Changes for page width to allow for wider main section. Yet, untested. Please test in page render workflow and merge, of working.

FlxVctr commented 8 months ago

Tested. Fixed width does not work on mobile/tablets (makes text unreadable).

Furthermore, in general UX and layout terms, narrower columns make text more readable. General rule of thumb is 12-20 words/100 chars per line. Why the change?

Edit: recommendations seem to be even shorter by now with 75 chars per line (https://baymard.com/blog/line-length-readability)

FlxVctr commented 8 months ago

If we want to increase the width anyway, I just tested succesfully increasing the width of the wrapper to 1000 and the section element to 700 in the browser inspector (or other values, but needs some tweaking and testing so that everything works out in the end). This preserves the responsiveness of the design on mobile.