Challenge Social Proof Section solution using HTML and CSS properties.

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 to hide them from assistive technology.

More Info:📚

https://www.w3.org/WAI/tutorials/images/

• The profile images alt tags description needs to be improved ⚠️. It should state the 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>
   <blockquote></blockquote>
   <figcaption></figcaption>
</figure>

More Info:📚

MDN Figure Element

• There is no need to have separate stylesheets ❌, as it can affect site performance. Instead have one single stylesheet ✅.

• NEVER ❌ do this as it creates accessibility issues for users and it is outdated, instead download a px to rem/ em converter in your code editor.

html {
  font-size: 62.5%;
}

More Info:📚

Should I change the default HTML font-size to 62.5%?

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

Happy Coding! 🎆🎊🪅