Help me with this web mini project

Question

The <a> tags for the Social Media icons and the button does not work. Also the hover effect does not work as well
Look at my code and spot the mistake.
https://code.sololearn.com/WdyEoojTkyFD/?ref=app

Answer 1

Add z-index property on ". socials" class & ".button" element like this:

.socials{
margin: 0 65px;
position: absolute;
top: 60%;
left: 20%;
height: 15px;
z-index:1;
}

because your element is positioned so it was overlapped by other elements. z-index help to come up on element stack order

Answer 2

Thanks for the help