responsive social-links-profile with pure html and css

Hey ! Great work out there i just notice that you are using margin to center the social links component , i suggest that since you are using display : flex in body you can add its related properties and add height , by add those you can now achieve properly center the social links component. that's all happy coding !!

body {
  background-color: hsl(0, 0%, 8%);
  display: flex;
  height: 100vh; // add this
  align-items: center; // add this
  justify-content: center; // add this
}

main {
  margin: auto; // remove this
  width: 300px;
  background-color: hsl(0, 0%, 12%);
  border-radius: 10px;
}