Fixed grid layout wrapping issue

[kparitosh07]

📌 Issue

Previously, the grid layout was defined as:

display: grid;
grid-template-columns: repeat(3, 400px);
gap: 30px;
padding: 100px 20px;

This caused the layout to remain fixed at three 400px columns, which broke responsiveness on smaller screens and created overflow issues.

✅ Solution

Updated the grid configuration to use a responsive approach, allowing columns to automatically adjust based on screen size.

• Replaced fixed-width columns with a flexible minmax() setup.
• Ensured the layout adapts smoothly across desktop, tablet, and mobile screens.
• Improved overall responsiveness and user experience.

[ayushman1210]

will review it shortly !!