Responsive mobile first testimonial section using Grid
Design comparison
Solution retrospective
The most difficult part of this challenge is basically this is my nth time trying to using grid layout on my project, and this time, I success and learned so much about grid layout in overall.
- Any comment about the code?
- Is there any best practice advice for approaching this project?
Thank you
Community feedback
- @correlucasPosted about 2 years ago
👾Hello Christian, Congratulations on completing this challenge!
Great code and great solution! I did this challenge too and know how much is hard to setup this
grid layout
. I think you've done a really good working building everything! Here's some tips for you:You’re in the right track I can see that you’ve used the majority semantic tags possible for this challenge, the only block you’ve missed is the paragraph containing the
quote text
you can improve the accessibility there using<blockquote>
to indicate to screen readers that the content inside that paragraph is a quote.I saw that for some properties you’ve usedrem
and for otherspx
. In this case it is better to use only one kind of unit to have a better organization for your code.relative units
asrem
orem
that have a better fit if you want your site more accessible between different screen sizes and devices.REM
andEM
does not just apply to font size, but to all sizes as well.✌️ I hope this helps you and happy coding!
Marked as helpful0@christian-prasetyaPosted about 2 years ago@correlucas Wow, thank you for the feedback, really appreciate so much. I'll keep in mind for my future challenge.
0
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