Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing page using CSS Flex

@TheTreeveloper


Design comparison


SolutionDesign

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

Daniel šŸ›øā€¢ 44,230

@danielmrz-dev

Posted

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 helpful

0

@TheTreeveloper

Posted

Wow, thank you so much. This worked! @danielmrz-dev

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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