BUG: Blog Post Cards Inconsistent UI

[PrityanshuSingh]

Preliminary Check

• [X] I have searched the existing issues
• [X] This issue is reproducible

Bug Summary

The UI of the blog post cards is inconsistent, resulting in a poor user experience. Specifically, the styling and alignment of elements within the cards differ across various screen sizes. The issue impacts readability and uniformity, making the blog section appear disjointed. Expected behavior is for the blog post cards to maintain a consistent style across all views, ensuring alignment, spacing, and font styling are uniform.

Steps to Reproduce

1. Go to the blog section of the website.
2. View the blog post cards on different screen sizes.
3. Observe the differences in layout, alignment, and styling between the cards.

Expected Behavior

Blog post cards should have consistent styling, alignment, and spacing across all screen sizes. Font styles and image sizing should be uniform, providing a cohesive appearance in the blog section.

Screenshots/Logs

Additional Information

• [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
• [X] I can provide more details if needed

[github-actions[bot]]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀