Social-link-profile using HTML&CSS

Community feedback

• 

  P

  Alper•1,090

  @adonmez04

  Posted over 1 year ago

  Hi @nurlanova2012. It's a clear solution. Keep coding. Here is a little tip for you:

  • You can add these declarations to your img tag to make it responsive.

  img {
  display: block;
  width: 100%;
  max-inline-size: 100px;
  min-inline-size: 50px;
  margin-inline: auto;
  block-size: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  }
  

  • You can play around with these properties and their values to see how they affect your image element.
  • You don't have to use all of them at once, but it's good to know how to use them in your project.

  01

  Marked as helpful
• 

  Federico Salerno•210

  @Federico-Salerno

  Posted over 1 year ago

  Good job! When you hover your mouse over the social media links, they do not change color. To do so, you can try this in your CSS style sheet:

  a:hover {
    background-color: hsl(75, 94%, 57%);
    cursor: pointer;
    color: hsl(0, 0%, 8%);
  }
  

  00

  Marked as helpful
• 

  Aizirek•140

  @nurlanova2012

  Posted over 1 year ago

  Dear Federico Salerno, thank you for your response and recommendation. I was under the impression that there was an active pseudo-class, but I will double-check it.

  00