Frontend Mentor | Proof Section coding challenge solution

@VCarames

Posted almost 2 years ago

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

To better specify the main content of you site you will want to encase your entire component inside a Main Element.
The background images need to be applied using CSS not HMTL. You will accomplish this using the background-image property.
“Rated 5 Stars in…” are not headings, they should be wrapped in a Paragraph Element.
The profile images are not decorative. Their Alt Tags need to be improved. It should state the following; “Headshot of -person’s full name-“
To enhance the semantics of your component, you want 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:

ARTICLE

Your content is not fully responsive. Here is a link to Google Developer’s site that will teach you how make it 100% responsive:

If you have any questions or need further clarification, let me know.

Happy Coding! 👻🎃

Marked as helpful

Proof Section