fix(site): apply absolute positioning and full dimensions to HexagonGrid in OG images

[ubay1]

Description

This PR fixes the OG image layout issue by applying absolute positioning and full dimensions to HexagonGrid.

Validation

• Ran pnpm format
• Ran pnpm test
• Ran pnpm build

Related Issues

#8886 Fixes OG image rendering issue.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
nodejs-org	Ready	Preview	May 20, 2026 1:50pm

[cursor]

PR Summary

Low Risk
Low risk UI/layout-only change limited to OG image rendering; main risk is minor visual regressions in generated images.

Overview
Fixes OG image layout by forcing the HexagonGrid background to be absolute positioned and fill the full 1200x600 canvas, ensuring the radial gradient grid consistently covers the entire OpenGraph image behind the centered title/logo.

^{Reviewed by Cursor Bugbot for commit 6754a67. Bugbot is set up for automated code reviews on this repo. Configure here.}

[bmuenzenmeyer]

this is indeed better, despite my comment in the issue
thanks!!!!

prod https://nodejs.org/en/next-data/og/announcement/Node.js%20%E2%80%94%20Run%20JavaScript%20Everywhere
fixed https://nodejs-acgakz6es-openjs.vercel.app/en/next-data/og/announcement/Node.js%20%E2%80%94%20Run%20JavaScript%20Everywhere

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 73.19%. Comparing base (5453a6f) to head (6754a67).
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8909      +/-   ##
==========================================
- Coverage   73.24%   73.19%   -0.06%     
==========================================
  Files         102      102              
  Lines        8628     8628              
  Branches      313      314       +1     
==========================================
- Hits         6320     6315       -5     
- Misses       2307     2312       +5     
  Partials        1        1              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[AugustinMauroy]

LGMT !