Don't vibe code desktop only

One of the biggest mistakes you can make when vibe coding your website is thinking desktop only. More than half the people who visit will be on their phone, and that holds for every client website I've studied, B2B included.

The trap is built into how you work. You code on a big screen, preview on a big screen, and sign off on a big screen. The mobile version becomes an afterthought, when for most of your visitors it is the only version.

Mobile visitors are in a different mindset too. They were probably on Instagram or TikTok before they reached your site, and they'll head back there when they leave. Big blocks of text don't survive that. They want the information faster, in a format built for a thumb, and your site is competing with the feed they just left.

I've started working backwards now, from mobile to desktop. The great thing about vibe coding is you can run what are almost two different sites, one experience for mobile and one for desktop, from the same build.

Two moves to make today. At the very start of your build, tell your AI: take a mobile-first approach, and make the experience exceptional on mobile as well as desktop. Then install a Chrome plugin called Mobile Simulator, which lets you view the site you're building on different devices as you go.

You'd be surprised at the difference between an iPhone 12 and an iPhone 17. Check your site on both before you show it to anyone.