Social Links Profile Page: Basic HTML & CSS

Community feedback

• 

  Justin•120

  @andrew-j-brownPosted 6 months ago

  Hi Andee-K!

  Your project looks great, and the links work well either tabbing or hovering!

  You mentioned design modifications, so I'll give you a tip with the links. You can use css to make the cursor change into a pointer while hovering over an element! Also, I used the transition property to make the background color smoothly change (opacity to change the color). That's more of a subjective choice though lol

  li {
      ...
      background-color: #2E4F4F;
  
      transition: 0.2s all;
  }
  
  li:hover {
      opacity: 80%;
      cursor: pointer;
  }
  
  li:has(a:focus) {
      opacity: 80%;
  }
  

  I'll drop some links below regarding the above. Hope this is of help, have a great day!

  https://developer.mozilla.org/en-US/docs/Web/CSS/transition

  https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

  Marked as helpful

  1