article card component made with html, sass and js
Design comparison
Solution retrospective
helllo, what do you think guys :D ? "made changes to the container max-size and arial label links"
Community feedback
- @AgataLiberskaPosted over 3 years ago
Hi @Frankiiize! Well done on this challenge, I think it looks really good! Here are some things I noticed:
-
Because you're using a
<div>
, the share icon is not accessible for keyboard users, I think that should be a button -
It would be good if you added some hover states to the share icon and the social media icons, as well as aria-labels for the links if you use an icon instead of text - so that screen reader users have some info on where the link will lead them :)
-
I would personally lower the max-width in mobile layout so that the card doesn't get so wide and you don't lose a lot of the image, but that's more of a design/personal preference thing I think :)
Hope this helps :)
0@FrankiiizePosted over 3 years agoHi, thanks for the suggestions: D, I already made the changes and will update the solution, the truth was I was wondering how to solve the problem of the content of the links, it was very helpful. Greetings a hug!
0@FrankiiizePosted over 3 years ago@AgataLiberska Do you know why it does not update the design comparison? I already made the changes, the other day I solved it by deleting the post and doing it again XD
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