Feat:Fixing the cards styling on the home page

[siddheshhr]

Describe the feature

1. Increased Font Size: Category titles and position counts have larger and bolder fonts.
2. Hover Effects: Cards slightly enlarge and change color when hovered over.
3. Consistent Design: All cards have a unified design with rounded corners and subtle shadows.
4. Aligned Text: Text within each card is centered and well-aligned.
5. Improved Spacing: Adequate padding and margin ensure the cards have enough white space.
6. Responsive Layout: Cards are displayed in a neat, responsive grid layout that adjusts based on screen size.

Add ScreenShots

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[siddheshhr]

@PatilHarshh please assign this issue to me ...i will start working on it if assigned

[EmazinUs]

@PatilHarshh assign me this issue under gssoc 2024.

[github-actions[bot]]

This issue is stale because it has been open for 30 days with no activity.