Enhance Blog Post Tile Component with New Hover Effect

[AdityaGahukar]

Hello,

I would like to propose an enhancement to the Blog Post Tile component in the website. I've noticed that the current design could be improved by adding a hover effect to make the blog posts more visually engaging.

Current Design

Proposed Changes

• Added a hover effect that enhances the visual feedback when a user hovers over a blog post tile.
• Implemented a semi-transparent background color that blends well with the overall design.
• Made slight adjustments to padding and rounded corners for a more polished look.

Code Snippet

<article 
  key={href} 
  className="flex max-w-xl flex-col items-start justify-between p-4 rounded-lg transition-transform duration-300 ease-in-out hover:shadow-lg hover:scale-105 hover:bg-[rgba(255,255,255,0.2)]"
>

Proposed Change

https://github.com/user-attachments/assets/6273fe0c-8d91-4ef2-b7ed-0e741190d432

Request:

I would like to request to be assigned this issue under Hacktoberfest and would appreciate any feedback on my proposed changes.

Thank you for considering my contribution!

[AdityaGahukar]

/assign I would like to be assigned to this issue. I have already made the changes in my branch and am ready to open a pull request. Please let me know if any modifications are needed.