Fix "Multidisciplinary Impact" heading wrapping on mobile

[Copilot]

On mobile, flex-col stacked each <span> on its own line, and text-4xl (36px) was wide enough that "Impact" was always pushed to the next row.

Changes

• app/components/Projects.js
  • Replace flex-col items-center sm:flex-row with flex-row — words stay inline on all viewports
  • Drop mobile font from text-4xl → text-2xl so both words fit within mobile content width
  • Add gap-2 for mobile spacing; sm:gap-4 and sm:text-6xl unchanged

- className="... flex flex-col items-center sm:flex-row justify-center sm:gap-4 ... text-4xl sm:text-6xl ..."
+ className="... flex flex-row items-center justify-center gap-2 sm:gap-4 ... text-2xl sm:text-6xl ..."

Before / After

Before	After

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node /home/REDACTED/work/portfolio/portfolio/portfolio/node_modules/next/dist/server/lib/start-server.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Mobile View of Heading "Multi-disciplinary Impact"</issue_title>
<issue_description>In the mobile view, the word Impact goes in the next line please fix it</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Mobile View of Heading "Multi-disciplinary Impact" #29

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
portfolio	Ready	Preview, Comment	Mar 4, 2026 7:42pm