Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog preview card

beniusis 400

@beniusis

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Spirit 220

@git-ritesh

Posted

I have some simple suggestion you might find interesting. I noticed that you have <h2>Published 21 Dec 2023</h2> 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 article

Other than that your project is AWESOME 🤩

Happy coding !

Marked as helpful

0

beniusis 400

@beniusis

Posted

@git-ritesh Thanks for mentioning that. Fixed it!

0
Spirit 220

@git-ritesh

Posted

@beniusis yeah! looks cool now. 😃

1
raya 2,850

@rayaatta

Posted

hello 👋 beniusis, great project I have some few suggestions you might find interesting.

1 To * add box-sizing: border-box; This gives you control over the actual rendered sizes of an element on a screen.

2 Every html document should have a main tag that encloses the main page contents change <div class="card"> To <main class="card"> This will change nothing visually but it makes all the difference. You can learn more about the main tag in this article Another article you might find useful is Semantic html.

I hope you find this helpful

Happy coding 🙃

Marked as helpful

0

beniusis 400

@beniusis

Posted

@rayaatta Thanks for the feedback! Already implemented changes accordingly.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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