Huddle Landing Page with Single Introductory Section

WELL DONE HERE...

for the border you can use your class .fa-brands, you don't need (necessarily) a div around each icon to make it to be the border, but considering your code on github try this:

.icon-border{
border: 1px solid white;
border-radius: 50%;
}

The border property will set a 1px border around your icon, and white is the color of the border. The solid" here is like a style, u can check more about it here: Border. The border radius 50% makes the shape circled

Now try to put things in the center with due spacing for them, use the techniques u probably already know about css positioning. If i could help more, please let me know, i'm not an expert but i'll try my best. Let's learn together.

Btw, Happy New Year and Happy coding...

HELLO......congrats on completing this project...well done

Based on your question , you can achieve that by setting a width on them and aspect-ratio. Aspect-ratio simply means( without setting a height) your width and height should be the same,

Therefore allowing you to perfectly give a border-radius:50% making them rounded

icons{
  width:.5em;
  aspect-ratio:1/1;
  padding:.3em;

hope this comment was helpful , have fun coding }