Social links profile

Community feedback

• 

  Adem Tozlu•160

  @Adem-TozluPosted 7 months ago

  <a href="">GitHub</a> <a href="">Frontend Mentor</a> <a href="">LinkedIn</a> <a href="">Twitter</a> <a href="">Instagram</a>

  I would add these as buttons because these are buttons

  html

  <button> GitHub </button>
  
  <button>  Frontend Mentor  </button>
  
  <button>  LinkedIn  </button>
  
  <button> Twitter  </button>
  
  <button>  Instagram </button> 
  

  css

  button { cursor: pointer; width: 90%; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem; background-color: var(--color-grey); border-style: none; color: var(--color-white); font-weight: 700; }

  And you have it flush with the edge at the bottom but in the original it is not on the edge. So you could try it

  Marked as helpful

  1

  ---

  

  G0maa•30

  @G0maaPosted 7 months ago

  @Adem-Tozlu

  Hello Adem, thanks for the help I truly appreciate it.

  I'll try to fix mentioned bugs shortly.

  0

  

  G0maa•30

  @G0maaPosted 7 months ago

  @Adem-Tozlu

  Looking at this again, how will we add links to the buttons? Will it be like this:

  <button><a href="#">GitHub</a></button>
  

  0
• 

  Adem Tozlu•160

  @Adem-TozluPosted 7 months ago

  You can do that, but it would be better if you do a tag and then within a tag the buttons, for example:

  <a href="https://github.com" target="_blank"> <button> GitHub </button> </a>

  Alternatively, you can do it like this

  <button onclick="window.location.href='https://github.com';"> GitHub </button>

  you can try it out

  Marked as helpful

  0