refactor(SplashViz): migrate from SCSS to Tailwind CSS

[mr-baraiya]

Part of #8047

Changes

• Migrated SplashViz component from SCSS to Tailwind CSS
• Removed SplashViz.scss file
• Preserved existing UI and behavior

Notes

• No functional changes introduced
• Continues incremental migration away from SCSS

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
webpack-js-org	Ready	Preview, Comment	Mar 23, 2026 4:24pm

[rahul-kr-rai]

The current h1 heading appears to visually merge with the navbar
Please fix it.

[alexander-akait]

Please fix the above problem

[mr-baraiya]

Adjusted layout spacing by adding top padding to the section instead of margin on the heading. This ensures proper separation from the navbar.

[alexander-akait]

@rahul-kr-rai please take a look too

[rahul-kr-rai]

Adjusted layout spacing by adding top padding to the section instead of margin on the heading. This ensures proper separation from the navbar.

But size of h1 is diffrent form Webpack.js.org see the difference ( https://webpack-js-org-git-fork-mr-baraiya-feature-splash-74c8ba-openjs.vercel.app/ and https://webpack.js.org/)

Please fix it.

[mr-baraiya]

Updated the heading font size using exact pixel values from the original webpack.js.org design and aligned spacing with the original SCSS by using margin on the heading instead of section padding.

[rahul-kr-rai]

Adjusted layout spacing by adding top padding to the section instead of margin on the heading. This ensures proper separation from the navbar.

Good, but the style is still different. You can open both links and see the exact difference by switching the tabs.

Visit Here: ( https://webpack-js-org-git-fork-mr-baraiya-feature-splash-74c8ba-openjs.vercel.app/ and https://webpack.js.org/ )

Please fix it.