Move content to center on wide screens

Assigned to
1 year, 10 months ago
1 year, 1 month ago
No labels applied.

~bon 1 year, 10 months ago

Noooo! It's classier on the left.

~sircmpwn 1 year, 10 months ago

Don't worry, I mean really wide screens :)

~benharri 1 year, 10 months ago

I'd really appreciate this. It feels quite awkward to have it so far off to the side.

~cos 1 year, 10 months ago

This is an excellent idea! Wouldn't a simple…

.container {
    margin: 0 auto;

…solve this? As suggested by @lewis on lobste.rs

~sircmpwn 1 year, 10 months ago

I only want to do it for large enough screens. At 1080p I prefer it on the left.

~cretezy 1 year, 10 months ago


It's extremely wide. Maybe have a max-width of say 1920px (or maybe like 1600px, to leave some room)

~benharri 1 year, 10 months ago

Seems reasonable to do this for anything wider than 1080p.

~cretezy 1 year, 10 months ago

I think it might also be good to have a settings section for appearance, with some options to make it more "personalized".

~robjloranger 1 year, 9 months ago

A user css option would be cool in the future. Edit in browser maybe.

~sircmpwn 1 year, 9 months ago

I think that's better served with browser extensions.

~numbsafari 1 year, 8 months ago

Since folks are using comments here as some kind votes for centering, I figured I'd stop by to say that I also prefer the left justification.

Not every window needs to be maximized.

~kotrunga 1 year, 8 months ago

One of the hottest sr.ht tickets out there! Reading comments on other corners of the web made me feel compelled to 'vote'.

I really like the left aligned layout! It distinguishes sr.ht, and looks good. I also like previously mentioned ideas of browser extensions / appearance settings, for those who want to change it.

~jb55 1 year, 8 months ago

left aligned websites are so annoying I had to add a toggle to my xmonad config¹ to deal with them.


~screwtape 1 year, 8 months ago

I'd feel a lot more comfortable with the left-aligned layout if it were fully left-aligned. As it is, there's a lot of right-aligned content (the log in/log out links at the top right, the timestamps on each of these comments) and column content (this very page has two columns, and most of the content is not in the left column!). There's clearly been a lot of effort to make good use of horizontal space... it's just that the browser is not very smart about extrapolating that effort to larger displays.

margin: 0 auto is a nice solution because the content will be laid out exactly as intended by a tasteful human, while the dumb browser only has to worry about whitespace at the edges. Additionally, the browser is constrained to make all its changes symmetrically, so almost anything it does will look pretty good.

~pierrebeaucamp 1 year, 8 months ago

For what it's worth, I really like how tufte-css (https://github.com/edwardtufte/tufte-css) solved this problem: By default content is left aligned, but on larger screens it becomes somewhat centered while still preserving a strong left orientation.

As far as I know, this was achieved by

body {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;

~cretezy 1 year, 8 months ago

I think that was the general consensus, have a max-width, and center past that width. Keeps it left-justified everywhere, but makes it usable on very wide screens

~kotrunga 1 year, 1 month ago

Just saw this was reported as fixed! Just curious, is this all sr.ht services, or some? For me, dispatch.sr.ht still displays on the left.

Register here or Log in to comment, or comment via email.