Social-link-profile using HTML&CSS

Community feedback

• 

  P

  Alper•1,010

  @adonmez04Posted 8 months 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.

  Marked as helpful

  0

  ---

  

  Aizirek•140

  @nurlanova2012Posted 8 months ago

  "Thank you very much for your assistance!" 🤩@adonmez04

  1
• 

  Federico Salerno•210

  @Federico-SalernoPosted 8 months 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%);
  }
  

  Marked as helpful

  0
• 

  Aizirek•140

  @nurlanova2012Posted 8 months 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.

  0