[Outreachy Task Submission] Background and foreground colors do not have a sufficient contrast ratio on Post card

[JUNNY12]

Issue Description:

The Post Info text on the post card does not have a sufficient contrast ratio with the background color. This issue was detected after using the Lighthouse Chrome tool to test for accessibility.

Video Below:

my_backend_url.-.Google.Chrome.2024-03-18.14-32-18.mp4

Proposed Solution:

Increase the contrast ratio between the Post Info text and the background color by adjusting the text color.

Effect:

Having a good contrast ratio, as per the Web Content Accessibility Guidelines (WCAG), ensures that text is more readable and distinguishable from the background for all users, including those with visual impairments. This improvement in readability can enhance the overall user experience, reduce eye strain, and make content more accessible to a wider audience.