Responsive social media link showing like a card with hover using css.

keep up the great work!

hi there! 👋

You didn't ask for help, but I took a look at your code and there's some messed up stuff going on in there, so I packed up some advices for you:

HTML:

• all content within the body element should be contained by landmarks. these landmarks are the header, main and footer HTML tags.

• all HTML document should contain an h1 tag, and you shouldn't jump several "levels" down. h1 should always be followed by h2, etc.

• your social links shouldn't be contained in <div>-s only, and you shouldn't have text without any markup. div is not a text-based tag. the semantic markup should go div -> ul -> li -> a:

<div>
  <ul>
    <li><a href="#">Github</a></li>
    ...
   ....
  </ul>
</div>

CSS:

• don't apply width or height to your elements explicitly, your containers will adapt to their content in size

• use relative units instead of pixels, especially for font-size, but also it's better to use these units everywhere else in your code

Hope this was helpful 🙏

Good luck and happy coding! ✌️