akshitagupta15june / PetMe

PetMe is an all-in-one platform that allows animals to be adopted, donated to pet lovers, and provides emergency medical care to stray animals in need. Star this repo⭐
https://akshitagupta15june.github.io/PetMe/
MIT License
489 stars 755 forks source link

Improving readability of the Pet News page #1458

Open yashraj1706 opened 10 months ago

yashraj1706 commented 10 months ago

The whole UI of the website is really appealing and beautiful but i realized that the "pet news" section appears to have the text on a transparent card element and the hover animation realigns itself on hovering.

Solution: I propose to change the card a little such that: i) The background of the card while still translucent will appear on a darker semi-transparent background. ii) The hover card animation would be similar as in enlarging the card element without we aligning of the text which takes away from the user experience.

Here is an image of the issues i mentioned: image

I am skilled in CSS, Tailwind and Bootstrap therefore i believe i am fit for this issue.

Kindly assign me @yashraj1706 this issue under #SWOC24 @akshitagupta15june

yashraj1706 commented 10 months ago

Kindly assign me @yashraj1706 this issue under #SWOC24 @akshitagupta15june