Assorted CSS code smell (add a formatter)

[FireIsGood]

I was checking your CSS and among other issues with general style rules (anchor tags using their inherent inline style to create a line separator, flex not actually being used as flex, button hover background color styles not providing contrast against the page background) I found that the stylesheets themselves were seemingly not formatted.

Some examples:

• App.css 7-8 Inconsistently padded property values
• App.css 45/302 Trailing whitespace (I would recommend getting a plugin or other highlighting feature to show these)
• App.css 53-54 Inconsistent inline style, arguably not a good choice in general but in this case some have extra spaces
• App.css 194 Double semicolon. Makes GitHub viewer unhappy
• App.css 333-339424 Inconsistently indented code (0/2 indent)

Since you have more than 20 lines (arbitrary) of CSS, you should probably look into just adding something like Prettier or Biome.

I also noticed you cited ChatGPT but the code does not seem to be cited anywhere within the code base This might be part of the reason for these changes, though I haven't comprehensively checked the commit log (It is 4 am).

---

Oh and some UX freebies:

• App.css 53 Don't have right padding, consider making them block level and then using the gap property. Also you don't really need the :link unless you're styling anchor tags used incorrectly (as buttons for JS) separately. If you are... uhh don't? It makes screenreaders a bit unhappy with you
• App.css 513 Change this to just overflow-x. That will fix the horizontal scrollbar.
• Make images display: block. That's where your mystery 4px bottom margin is if you're ever wondering. If you really need inline images, add that separately. You probably don't need inline images

---

yeah.