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 page using html css

Rahul sheshโ€ข 120

@RahulShesh

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please analyze this page and provide me some guidance so that I can make it more perfect. Thank you

Community feedback

@MelvinAguilar

Posted

Hello there ๐Ÿ‘‹. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

  • You should use a descriptive alt attribute for testimonial images. Instead of using "#" as the alt text, use the person's name or a brief description. This enhances accessibility for users with screen readers and search engines, making your content more inclusive and SEO-friendly.
  • Regarding the star icons in your code, it's advisable to keep the alt attribute empty when they are used decoratively. This practice avoids the repetitive reading of the same description by screen readers, which can be bothersome for users with visual impairments.

    However, it's important to note that if the element were not decorative, you should describe the image in the alt attribute rather than using a placeholder like "#".

I hope you find it useful! ๐Ÿ˜„ Above all, the solution you submitted is great!

Happy coding!

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