
Design comparison
Solution retrospective
For some reason the svg icons for facebook, twitter and pinterest didn't work for me (the share icon did work for some reason) so I downloaded Font Awesome and used those instead. This was my first real attempt at using FA and it proved to be a bit of a hassle to set it up but worth it in the end, still unsure why the svg files provided by Frontend Mentor didn't work. If anyone had the same issue and solved it could you kindly tell me what your issue was? Might give me an idea of what I did wrong.
This was also my first attempt at using the BEM methodology and I'm looking for any feedback on where I can improve.
I also attempted to make it a bit more accessible by using different border colors when you focus on the share button.
Any feedback or advice is always welcome! ^^
Community feedback
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