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

responsive post

@ofentse-freecode

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

P

@DougHungerford

Posted

Looks good - if you use the figma file you'll be able to dial in some of the measurements a bit closer. When entering alt text for images, don't simply use the word "image", as this provides no actual information about its importance to the user (screen readers already make it clear that it's an image, so you really don't need to put "image" at all... Most screen readers will read this as "Image image" or "image of image".). Even something as simple as "decorative illustration", while still not optimal, can help make it clear to the user that it's not an important element.

On smaller screen sizes (<550ish px), content in the box isn't quite centered anymore.

Marked as helpful

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