Design comparison
Solution retrospective
Hello, Frontend Mentor community! Here is my solution to the testimonials grid section. Happy to hear any advice regarding best practices.
Community feedback
- @PhoenixDev22Posted over 2 years ago
Hello Hamza-Noah,
Congratulation on completing this challenge. Excellent work!I have some suggestions regarding your solution if you don’t mind:
-
Page should contain
<h1>
. In this challenge , as it’s supposed to be a part of a whole page, you may use<h1>
withsr-only
class hidden visually and present for assistive tech users. And then use<h2>
instead of<h1>
-
The alternate text should be present on the image(as it’s an informative image).It should tells the users where it takes : like
Qr code to frontend mentor
CSS:
-
Consider using
rem
for font size .If your web content font sizes are set in absolute units, such as pixels, the user will not be able to re-size the text or control the font size based on their needs. -
Relative units “stretch” according to the screen size and/or user’s preferred font size, and work on a large range of devices.
Aside these , Good work! Hopefully this feedback helps
Marked as helpful0 -
Please log in to post a comment
Log in with GitHubJoin 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