Design comparison
Community feedback
- @engjell17Posted about 2 years ago
I like this solution for the challenge. Here are a few suggestions I've made that you can consider in the future if you're looking to improve the solution further:
Instead of using pixels in font size with --fs: 15px;, use relative units of measure like rem or em. The font size in absolute length units (px) does not allow users with limited vision to change the text size in some browsers. Reference. The alt attribute should not have hyphens. Use margin: 0.938rem or margin: 15px in the .card selector so that it has some space when viewed on mobile devices. I hope those tips will help you. very good!!!
Marked as helpful1 - @MelvinAguilarPosted about 2 years ago
Hi @lazza24 ๐, good job on completing this challenge! ๐
I like this solution for the challenge. Here are a few suggestions I've made that you can consider in the future if you're looking to improve the solution further:
- Instead of using pixels in font size with
--fs: 15px;
, use relative units of measure likerem
orem
. The font size in absolute length units (px) does not allow users with limited vision to change the text size in some browsers. Reference. - The alt attribute should not have hyphens.
- Use
margin: 0.938rem
ormargin: 15px
in the.card
selector so that it has some space when viewed on mobile devices.
I hope those tips will help you.
Good job, and happy coding!
Marked as helpful1 - Instead of using pixels in font size with
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