Design comparison
SolutionDesign
Solution retrospective
How do you create circular borders for the font awesome icons? My facebook icon is producing an oval border and I found it difficult to make it circular.
Community feedback
- @martinoruePosted almost 2 years ago
Hi 👋
In this case you could try adding width to your <span> with the class "icon". But first you need to change the display property (which by default is "inline" in the <span>). So, in your <div> with the class "footer-icons" you could do something like this:
.footer-icons { ... display: flex; justify-content: center; align-items: center; }
And then you can add width to your icon:
.icon { ... width: 11px; }
I hope this helps you!
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