CODEWITHSUNDEEP
htmlcss
user16076668
user16076668

Reputation:

How can I make social-icon visible?

My social-icon(link) worked and was visible. And suddenly it disappeared and didn't work.

HTML:

<div class="social-icon"><a href="https://www.t.me/ta_kotoraya_ta" target="_blank"><i class="fab fa-telegram-plane"></i></a></div>

CSS:

.social-icon {
  position: absolute;
  top: 885px;
  right: 2px;
  font-size: 30px;
}
.social-icon a {
  margin: 0 8px 0 0;
  color: rgba(14,13,13);
}
.social-icon a:hover {
  color: rgb(250, 3, 3);
}

https://codepen.io/tatarusetskaya/pen/XWpzNZa

Upvotes: 1

Views: 76

Answers (1)

Spectric
Spectric

Reputation: 31987

You didn't import Font Awesome. Add this to the <head> tag:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />

Result

Upvotes: 2

Related Questions