BUG: Responsiveness of the Service Section of Home Page on mobile screen is not aligned properly

[SSexpl]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

When we shift to smaller screen size the Service section card is not centrally aligned properly on the home page and there is a need to align the service cards centrally thereby maintaing consitent layout with testimonial section and hero slide for the home page even on small screen sizes by properly adjusting media queries and css styling

Add ScreenShots

What browser are you seeing the problem on?

Firefox, Chrome

Record

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

[github-actions]

👋 @SSexpl

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.

Please make sure you have given us as much context as possible.

[SSexpl]

Please assign me this issue , I can solve this by properly configuring the css styling and media queries

[github-actions]

Hello @SSexpl, thank you for raising an issue. 🙌 I have assigned the issue to you. You can now start working on it. If you encounter any problems, please feel free to connect with us. 👍

[SSexpl]

I have created a pull request please review it.
Thank You