Design comparison
Community feedback
- @cjdemillePosted 10 months ago
This is very well done. If you wanted to center the card on the page, you could make the body element a flexbox and use the justify-content and align-items properties to center.
You could also make the card's position value absolute, set the top and left properties to 50%, and then set the transform property to translate(-50%, -50%) to center it.
Marked as helpful0 - @sankalp475Posted 10 months ago
Hi, Excellent project👏.
I have some simple suggestion you might find interesting. I noticed that you have
<p>Published 21 Dec 2023</p>
in your code When a screen reader is reading the above it will pronounce 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 for user's with visual impairment and it is also accessible by calender such a google calender. To find out more about the time tag check out this articleOther than that your project is EXCELLENT 🤩
Happy coding 🙃
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord