Blog Preview Card using CSS Flex

Hi Parkavan C K👋, congratulations on completing another challenge 🎉

Ignoring the information I told you on the other challenge.

Here are some suggestions.

1 I noticed <p class="date">Published 21 Dec 2023</p>

when a screen reader pronounces the above paragraph. It reads. 21 Dec 2023 as it is. This should be wrapped in

<time datetime="2023-12-21">21 Dec 2023</time>

This is machine readable therefore it is more accessible. To find out more about the time tag check out this article📑.

2 Since the avatar image is not decorative fill its alt attribute with the name of the person on the image i.e alt="Greg Hooper"

I hope this helps 🙃

Otherwise nice solution 👏

Greetings @Parkavan2003! I think your solution is very accurate, I simply have not found errors in the design, but I can tell you about accessibility.

You should add the alt attribute to your images with a brief description of what each image represents. When writing alt text, keep in mind that its purpose is to relay information to blind users about the image’s contents and purpose - blind users should be able to get as much information from alt text as a sighted user gets from the image itself. Alt text should give the intent, purpose, and meaning of the image. More info