Social media using flex. Flex saving our lives.

Community feedback

• 

  Manoj Kumar Singh•970

  @dev-mksinghPosted 9 months ago

  Hello @MellonFive 👋 , good work there, but a minor advice from me, that maybe you didnt noticed or you might have missed it, if you notice then all your links like github, instagram etc, if you hover anywhere in that area rather on text then the cursor 👆 pointer disappear and also you will click and nothing will work. But if you hover over the text github etc then the page will refresh. So here's my solution this will work and will be more interactive:

  • First remove the padding from list classed .iten

  .social-card .itens .item {
    background-color: var(--Grey);
    margin-top: 2rem;
    font-size: 1.3rem;
    font-weight: bold;
    border-radius: .8rem;
    transition: .5s all;
  }
  

  • Secondly, make the following change in your anchor tag within you <li></li>

  a {
    color: #000;
    text-decoration: none;
  display:block;
  padding: 1.2rem;
  }
  
  

  I hope you can spot the difference after making the aforementioned changes. Mark this helpful if it is so. All the best.

  Marked as helpful

  0

  ---

  

  Felipe Mellão•170

  @MellonFivePosted 8 months ago

  @dev-mksingh Wow my Friend! I will definitely test what you are saying. Try find me on linkedIn to talk more about front-end.

  0