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

Mobile-first 3 column preview card component

dkaffes 140

@dkaffes

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


The main concern was to avoid using unnecessary declarations and keep the css simple and clean. Are there any unnecessary declarations? Any feedback will be appreciated!

Community feedback

P
Grace 28,570

@grace-snow

Posted

You must remove the spaces from the alt attribute values. Those attributes must be completely empty for the image to be recognized as decorative. As soon as a space is in there, the value is truthy (it's no longer empty) and the image will be announced to assistive tech users.

1

dkaffes 140

@dkaffes

Posted

Thank you @grace-snow !

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