search

biox / vore

a simple, multi-tenant rss feed reader
Other
17 stars 4 forks source link

css: do better on ultrawides and narrow screens #3

Closed dzwdz closed 1 year ago

dzwdz commented 1 year ago

Because max-width is set in pixels, and font-size is relative to the display width, as the screen gets wider, the less characters fit on a line. This gets especially absurd on ultrawide displays - I only get 20 giant characters per line on mine.

AFAIK the default font size should always be readable, so I just removed the explicit font-size completely, which fixes the issue. max-width could also be changed to be measured in ch, to make the characters/line consistent across fonts.

I also removed the ul padding. It doesn't really do anything on large screens, and I think the additional space on narrow screens is worth it.

biox commented 1 year ago

wow, thx a lot! i'm really bad at css and really appreciate the help.