docs: fix code blocks uniform in size

[abhaymauryadev]

✨ What’s changed

Implemented a grid-based layout for the "Bundle It" section to ensure all blocks have a consistent and uniform size.

---

🐛 Problem

Previously, the blocks in this section had inconsistent sizing due to varying content lengths and layout behavior. This resulted in:

• Uneven UI appearance
• Poor visual alignment
• Reduced readability and structure

---

✅ Solution

• Introduced a grid layout to standardize block dimensions
• Ensured consistent spacing and alignment across all items
• Applied styling adjustments to maintain uniform height and width

---

🎯 Result

• All blocks now appear visually consistent
• Improved layout structure and readability
• Better responsiveness across screen sizes

---

🧪 How to test

1. Run the project locally:

   npm start

2. Navigate to the "Bundle It" section

3. Verify that all blocks:

   • Have equal size
   • Are properly aligned in a grid
   • Maintain consistency across different screen sizes

---

📸 (Optional)

Before

After

---

🚀 Impact

• Enhances UI consistency
• Improves user experience
• Makes the section visually cleaner and more professional

[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 29, 2026 9:31pm

[linux-foundation-easycla]

The committers listed above are authorized under a signed CLA.

• ✅ login: abhaymauryadev / name: Abhay Maurya (adb5937)