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

CSS GRID HTML

Radasinβ€’ 620

@Radasin

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Does the page has to be pixel perfect?

Community feedback

@MelvinAguilar

Posted

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

  • No, the code quality matters much more, that you have used the best practices, and that it is responsive and accessible for all users. Being pixel-perfect is just an added bonus but it's not mandatory.

Other suggestions:

  • It is generally not recommended to use multiple <h1> tags on a single web page because the <h1> tag is used to mark the most important heading on a web page and it is considered the top-level heading in the document outline. It should be used only once on the page, typically for the title or main heading of the page.

    You can read more about this here πŸ“˜.

  • The alt attribute should not contain the words "image", "photo", or "picture", because the image tag already conveys that information.
  • You need to provide an alternative text to tell the user who is the author of the testimonial, its recommended to use the author's name as the alt attribute value. e.g. alt="Daniel Clifford"

    If you want to learn more about the alt attribute, you can read this article. πŸ“˜.

I hope you find it useful! πŸ˜„

Happy coding!

Marked as helpful

0

Radasinβ€’ 620

@Radasin

Posted

@MelvinAguilar I always thought about h1 as a main title of a section on the page thanks for clarifying that.

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