Small fixes, big impact. Here’s what changed.
Mobile Scroll — Actually Fixed This Time
Last update claimed mobile scroll was fixed. It wasn’t. The Lenis smooth scroll library wraps DOM elements in a way that breaks native touch scrolling, and three layers of overflow: hidden on nested containers made it worse. On phones you couldn’t scroll past the blog section at all.
The fix: skip Lenis entirely on screens under 1280px. Use all: unset via a dynamically injected <style> tag to completely reset all CSS constraints on the shell containers. On mobile and tablets, the page now scrolls like a normal website — no smooth scroll hacks, just native touch.
Landscape tablets were the trickiest. They’re wide enough to get the desktop card layout but too narrow for Lenis touch to work. Bumped the breakpoint to 1280px so landscape tablets also get native scroll.
SEO — Link Previews Now Work
When you shared the site on Discord or Twitter, the preview showed a broken image or no image at all. The og:image URL was missing a slash — ${Astro.site}lyepro.png resolved to https://lyepro.pages.devlyepro.png instead of https://lyepro.pages.dev/lyepro.png.
Also added:
og:image:alt,og:site_namefor better link previews- Full Twitter card tags:
twitter:site,twitter:creator,twitter:title,twitter:description,twitter:image:alt robots.txtfor search engine crawlers@astrojs/sitemapintegration — auto-generates a sitemap-index.xml on every build
Nav — Mobile Cleaned Up
The subtitle “The Jack of All Trades” was hidden on mobile to free up space for the tabs. A | separator keeps the brand name visually distinct from the navigation.
That’s v1.2.1. Minor fixes, but they matter.
— LyeDev