Four Card Feature Selection using CSS GRID & Flex
Design comparison
Solution retrospective
Enjoyed this project. I added a hover function but for some reason hover for 'karma' is not quite correct. Any suggestion would be appreciate.
Thank you Chris-Ann
Community feedback
- @ApplePieGiraffePosted almost 4 years ago
Hey there, Chris-Ann C.! 👋
Nice job on this challenge! 👏 Your solution looks good and responds very nicely! 👍
I'd like to suggest adding a max-width to the main container or wrapper to prevent the content of the page from becoming too stretched on extra-large screens. Also, I noticed that you put "aria-hidden: true" as the
alt
text for the icons in the feature cards. I suggest addingaria-hidden: true
as an attribute and value itself if you'd like to hide the images from screen readers and/or replacing that with some more descriptivealt
text (like "magnifying glass icon", for instance, or something). 😉Keep coding (and happy coding, too)! 😁
1@cdc2021Posted almost 4 years ago@ApplePieGiraffe
Thank you for the time taken and feedback given on this challenge, much appreciated :)
1 - @JelmerovereemPosted almost 4 years ago
I think it's because the image from the "supervisor" is overlapping the karma title: image
1
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