Responsive testimonial Grid Section (used html5, css grid, flexbox)

Solution retrospective
Hope i did good . Maybe not so good with the tablet media size
Please log in to post a comment
Log in with GitHubCommunity feedback
- @grace-snow
Hi
This looks great on mobile and in the preview above (I'm not on computer today) but maybe the shadows could get closer to the design(?)
In your html there are some issues that need fixing though:
- you can only have one h1 per page
- what you currently have as h1 should just be a paragraph
- with the headings above these, similarly, I don't think 'verified graduate' is a heading. Its meaning is more as supplementary text, so a paragraph would be more appropriate, maybe even a
<small>
tag - with the quote mark image that you've included in the html, it would probably be better as a background image. But if you do want to include it in this way, add
aria-hidden="true"
so that apple voiceover ignores the image (voiceover still announces svg images even if thyy have empty alt attributes) - the other images are of people giving the testimonials, so I would argue they are meaningful and should have alt text. Just the person's name would do.
Good luck ☺
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