Skip to content

refactor(Container): migrate from SCSS to Tailwind CSS#8098

Open
mr-baraiya wants to merge 2 commits intowebpack:mainfrom
mr-baraiya:refactor/container-tailwind
Open

refactor(Container): migrate from SCSS to Tailwind CSS#8098
mr-baraiya wants to merge 2 commits intowebpack:mainfrom
mr-baraiya:refactor/container-tailwind

Conversation

@mr-baraiya
Copy link
Contributor

Part of #8047

Changes

  • Migrated Container component from SCSS to Tailwind CSS
  • Removed Container.scss file
  • Replaced all styling with Tailwind utility classes
  • Preserved existing layout and responsiveness

Notes

  • No functional changes introduced
  • Continues incremental migration away from SCSS
  • Improves maintainability by consolidating styles within JSX

@vercel
Copy link

vercel bot commented Mar 22, 2026

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

Project Deployment Actions Updated (UTC)
webpack-js-org Ready Ready Preview, Comment Mar 22, 2026 6:11pm

Request Review


return <div className={`container ${className}`}>{props.children}</div>;
return (
<div className={`w-full max-w-[1024px] mx-auto ${className}`}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why do we need max-w-[1024px], Can we use Tailwind's built-in utility class instead of hardcoding?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants