Remix.run Logo
GaryBluto 6 hours ago

Tangentially related, I wish more websites and blogs looked like this now. It's elegant and modern but simple.

voidUpdate 3 hours ago | parent | next [-]

I wish it took up more than 640 pixels on the left of my 1920 pixel screen. I changed the CSS of the body to be 900pt instead of 480, and it renders at 1200px wide, which looks a lot nicer to my eyes. Didn't bother trying to center it though, which would have improved it even more

himata4113 6 hours ago | parent | prev | next [-]

Lacks centering, other than that I also found it enjoyable to look at.

deadbabe 3 hours ago | parent [-]

That’s a feature. It lets your thumb scroll comfortably in a larger blank area so the content is always in view for you. There is no reason for things to be centered, it does not aid readability.

lunar_rover an hour ago | parent | next [-]

This only works on large enough tablets. On phones the page isn't readable without a 3x zoom.

himata4113 3 hours ago | parent | prev [-]

Not a feature on a 32inch ultrawide.

deadbabe 3 hours ago | parent [-]

Use smaller window

zamadatix an hour ago | parent [-]

Use phone horizontally.

Much more practically, the best designs are the ones who don't demand of the user they be consumed in a single form across every scenario.

christophilus 6 hours ago | parent | prev | next [-]

To me, the justified text makes it an effortful read.

Gualdrapo 5 hours ago | parent [-]

Yup, I hope every one agrees to leave proper justified text to LaTeX/ConTeXt/Typst/<your_favorite_typesetting_software>, doing such thing for HTML is still ugly and makes things harder to read

nosioptar 5 hours ago | parent | prev [-]

Breaks Firefox's reader mode.

Looks like dog shit on mobile.

I agree that this general style is good, just without some of this page's fuckups.

kps 4 hours ago | parent [-]

Chrome's too, but why? It's just plain HTML.

heftig 4 hours ago | parent | next [-]

Mobile browsers are assuming you're looking at a legacy page optimized for desktops (widescreen) and have a relatively large virtual screen size by default. They expect you to manually zoom in as necessary. Adding this helps:

  <meta name="viewport" content="width=640, initial-scale=1">
This matches the max-width specified by the CSS. However, a smaller viewport width might be appropriate to increase the text size on mobile.
chorizo 4 hours ago | parent | prev [-]

Safari reader mode on mobile works great. But then again, this is a site where you should not need it.