Responsive landing page using CSS Flex
Design comparison
Solution retrospective
Hello guys,
I'm a bit confused as to why the facebook icon isn't as circular as the twitter and Instagram icons. Any help/feedback would be greatly appreciated!
Thank you.
Community feedback
- @danielmrz-devPosted 8 months ago
Hello @ioddgamers!
Your solution looks great!
About your question:
- I'm a bit confused as to why the facebook icon isn't as circular as the twitter and Instagram icons.
š That's happening because the facebook icon has a different size. While the other icons are 32x32, the facebook one is 26x32. That difference is enough to make it not as circular as the others.
This is easy to fix it. Apply the code below to your facebook icon:
.fa-facebook-f { height: 32px; width: 32px; padding: 0.5rem 0.7rem; }
I hope it helps!
Other than that, great job!
Marked as helpful0@TheTreeveloperPosted 8 months agoWow, thank you so much. This worked! @danielmrz-dev
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