3 column preview card component with html and responsive css
Design comparison
Solution retrospective
- I found the media query part difficult and a bit challenging just getting acquainted with it.
- What better can the project be achieved and clean without writing long code
Community feedback
- @FelipinDRPosted almost 2 years ago
You should not add an alt tag to the icons because they're just icons, also you should use "aria-hidden:true" to hide them from accessibility Good job finishing this, good luck with the next challenges
Marked as helpful1@DammyDPosted almost 2 years ago@FelipinDR I'll make sure to put this feedback to use in my next challenge. Thank you.
1 - @suhaib52Posted almost 2 years ago
You did it in a very good manner. Your code is well structured and readable.
It would be nice if you start using semantic html tags, these tags would reduce the accessibility issues.
You can also use :root to define the colors and then call them by using var() in your stylesheet. When you use the colors as a variable than your css code will look more precise.
Marked as helpful1@DammyDPosted almost 2 years ago@suhaib52 I really appreciate your feedback. I promise to put this feedback to use in my next challenge.
Thank you.
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