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

P

@dhananjayandayalan

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@VCarames

Posted

Hey there! 👋 Here are some suggestions to help improve your code:

  • The “star icons” serve no purpose other than to** be decorative;** They add no value. Their alt tag should left blank and have an aria-hidden=“true” to hide them from assistive technology.

More Info:📚

https://www.w3schools.com/html/html_images_picture.asp

  • The profile images alt tags need to be improved. It should state the following; “Headshot of -person’s full name-“

More Info:📚

Headshot Alt Text

  • For the testimonials, it is best to to wrap each individual testimonial component in a figure element, the individuals information should be wrapped in a figcaption element and lastly, the testimonial itself should be wrapped in a blockquote element.

Code:

<figure>
   <figcaption></figcaption>
   <blockquote></blockquote>
</figure>

More Info:📚

MDN Figure Element

  • Your CSS Reset is extremely bare and being underutilized. To fully maximize your CSS reset, you want to add more to it.

Here are few CSS Resets that you can look at and use to create your own or just copy and paste one that is already prebuilt.

https://www.joshwcomeau.com/css/custom-css-reset/

https://meyerweb.com/eric/tools/css/reset/

http://html5doctor.com/html-5-reset-stylesheet/

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding!🎄🎁

Marked as helpful

1

P

@dhananjayandayalan

Posted

@vcarames It means a lot to me, thanks for a detailed feedback. I'll definitely look into it. WOW!!!!

1

@VCarames

Posted

@dhananjayandayalan

Glad I could help!☃️

Keep it up!

Marked as helpful

1
P

@dhananjayandayalan

Posted

@vcarames I really don't know how to reach, that's why this mentioned comment. Can you review my space tour website solution please? It would be very helpful for me to improvise it

https://www.frontendmentor.io/solutions/space-tourism-multipage-website-xI2Bh0U3E8

Please leave me your twitter if you've one🙂

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