Submitted over 4 years ago

Huddle Landing Page HTML, CSS, Bootstrap 5

@sn-tin

A solution to the Huddle landing page with a single introductory section challenge

Solution retrospective

Hi! It took me hours to figure out how to put a circle border around each link. I used the updated version of fontawesome for the icons but when I tried to put a border around it, the icons don't go to the center of the border. So I ended up using fa-stack of fontawesome that's why the borders are thick. Is there any way to change the thickness of the circle from fontawesome? Or, I would appreciate it if you could give me tips on how I can adjust the icons to the center of the borders in CSS instead. Thank you.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Kristine's solution.

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