Feat: Enhance customer review Section with Flexbox and Flip Card Styling

[DebapriyaJha]

Describe the feature

I would like to request an enhancement to the styling and layout of the customer review cards on the website. The current design may appear outdated or lacking in visual appeal, which could negatively impact user engagement and overall user experience.

To address the issues mentioned above and enhance the testimonial section, I propose implementing the following solutions:

Flexbox Layout: Utilize the CSS Flexbox layout module to create a visually appealing grid-like layout. Flip Card Animation: Implement a flip card animation effect for each card, where the front side displays the person's image with name and stars, and the back side reveals the full text or additional details.

Add ScreenShots

Before:

after: something similar to this- front-

back-

Please assign this task to me under gssoc program and assign level to this task

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]]

Congratulations, @DebapriyaJha! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines