Help with my code( something is wrong with the website-I will explain it further)

This is the output:
18 Replies
Deleted
Deleted11mo ago
Deleted
Deleted11mo ago
Deleted
Deleted11mo ago
here is the html:
Deleted
Deleted11mo ago
here is the css:
Deleted
Deleted11mo ago
here is the javascript
Deleted
Deleted11mo ago
now the problem is- as you can see in the output the social media icons are forming 2 circles which I obviously don't want I've tried a lot of things to fix the code but it didn't work at all That's all I need help with
b1mind
b1mind11mo ago
Best if you put it in a codepen or repl
Deleted
Deleted11mo ago
wdym? oh wait I got it
Deleted
Deleted11mo ago
so like this?
Kikky#1902
Kikky#190211mo ago
Problem is with your .wrapper .icon and .wrapper i styles, you defined circles on both. i element is inside your .icon element, that's why you have 2 circles. Just remove style for one of those elements and it should be fine, probably.
Kikky#1902
Kikky#190211mo ago
Empty circle is .icon
Kikky#1902
Kikky#190211mo ago
And icon is i element
Deleted
Deleted11mo ago
I didn't understand what you meant could you elaborate a bit more
Kikky#1902
Kikky#190211mo ago
I can't, I gave you everything you need to fix this issue