Mobile-First Engineering: Why I Launched a Subdomain for My Personal Portfolio

Source: Dev.to

In a world where 60% of web traffic is mobile, a “responsive” website isn’t enough anymore. I wanted to build something that didn’t just scale down, but felt native to the palm of your hand.

Check out the live mobile‑optimized site at

The Strategy: My First Subdomain

When I started this project, I made a strategic decision to host it on its own subdomain: portfolio.shaurya.online.
Instead of cramming everything into a single URL, the subdomain delivers a high‑performance, boutique interface designed for quick browsing on the go, while the main site remains a high‑level hub.

What Makes it “Mobile‑Tailored”?

Building for mobile‑first means moving beyond the desktop‑first mindset. I focused on three key areas:

• Touch‑Friendly UI – All interaction points are designed with “thumb‑reach” in mind. No tiny buttons or microscopic links.
• Performance at the Core – Using modern image formats like AVIF and lean CSS, the site hits near‑perfect scores on performance metrics and loads instantly, even on slower 4G connections.
• App‑Like Experience – Smooth transitions and an integrated social grid make the site feel like a premium mobile application rather than a resized desktop page.

The Backlink Benefit

Organizing my web presence this way has been an incredible lesson in web architecture. By using the subdomain, I can experiment with cutting‑edge CSS and interactive layouts without affecting the stability of my primary domain.

Whether you’re a recruiter or a fellow developer, I’d love for you to open this on your phone and experience the flow.

View the project here: