fix: add spacing below FOSSUnited logo on about page

[fossdot]

Adds 16px of margin below the FOSSUnited logo in the "Supported by" section of the About page for better visual breathing room.

Closes #15

Generated with Claude Code

[netlify]

✅ Deploy Preview for chic-puffpuff-6c1625 ready!

Name	Link
🔨 Latest commit	5d2df2c
🔍 Latest deploy log	https://app.netlify.com/projects/chic-puffpuff-6c1625/deploys/69b478cc10ea7f0008c612d8
😎 Deploy Preview	https://deploy-preview-16--chic-puffpuff-6c1625.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[fossdot]

@claude the issue still exits #16

[claude]

Claude finished @fossdot's task in 3m 16s —— View job

---

Fix pushed

Root cause: The <a> tag wrapping the FOSSUnited logo was display: inline by default. Having a display: block img inside an inline anchor makes margin-bottom unpredictable — the bottom spacing either collapses or doesn't behave consistently across browsers.

Fix: Added .about-supported a { display: block; } so the anchor becomes a proper block container. This ensures:

• The img's margin-bottom: 16px creates reliable space below the logo

• The margin: auto centering works correctly in the block formatting context

• Gather context

• Identify root cause — <a> wrapper was display: inline, breaking margin behaviour on the block <img> inside it

• Added display: block to .about-supported a (content/about.md:172)

• Committed and pushed
  | Branch: claude/issue-15-20260313-2041