fix mobile sizing

[alanthai]

TODO

• Explore source sets to serve lower bitesize images

[snyk-io]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scan Engine	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues
✅	Licenses	0	0	0	0	0 issues
✅	Code Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[Copilot]

Pull request overview

Adjusts typography and top navigation styling to improve mobile layout/sizing in the client UI.

Changes:

• Fix heading typography by using non-zero line-height and resetting heading margins.
• Make the top nav brand responsive by swapping between full logo and icon on smaller screens.
• Tweak mobile spacing/layout in top nav and section grid.

Reviewed changes

Copilot reviewed 4 out of 5 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
client/src/design/heading/Heading.module.css	Updates heading line-height and removes default heading margins.
client/src/components/top-nav/TopNav.tsx	Renders both full logo and icon logo for responsive display.
client/src/components/top-nav/TopNav.module.css	Adds responsive padding/logo visibility rules and tighter link spacing for mobile.
client/src/components/section/Section.module.css	Increases mobile gap between section columns/rows.
client/src/assets/bolt.svg	Adds new bolt icon asset for the mobile nav brand.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.