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

Social proof section

Zainabnofiuโ€ข 80

@Zainabnofiu

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


You are welcome to review my code, and I would be pleased to hear any suggestions you may have on how to make it better ๐Ÿ˜Š.

Community feedback

@MelvinAguilar

Posted

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

  • You've done a great job! Your code looks good. I do have a small suggestion regarding the star icons. You've included an alt attribute for each star icon, which is not necessary in this context.

    When using images as decorative elements, especially repetitive ones like the star icons in your code, it's recommended to leave the alt attribute empty. This prevents screen readers from redundantly reading out the same description multiple times, which can be redundant and even irritating for users with visual impairments.

    So, you can simplify the code by leaving empty the alt attributes from the star icons.

    <img src="images/icon-star.svg" alt="">
    

I hope you find it useful! ๐Ÿ˜„

Happy coding!

1

Zainabnofiuโ€ข 80

@Zainabnofiu

Posted

I really don't know but now i know. Thank you so much @MelvinAguilar.

0
subodh16728โ€ข 100

@subodh16728

Posted

Hi there, you can try to make your webpage responsive. I'll recommend using TailwindCSS. It's really great and easy to build responsive web pages using the same. For ref, you can check my site: https://social-proof-section-three-mu.vercel.app/ Hope it helps!

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