Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Social links profile

@AramHagen

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@CamrynTidsworth

Posted

The fade color change on the button hover state is really cool! The only thing I would suggest is using the <button> tag instead of <li> in the HTML.

0

@AramHagen

Posted

Thank you for taking the time to review my solution, @CamrynTidsworth.

I used <a> inside the <li> because it allows users to be redirected to a link or open the link in a new tab when clicked. However, I didn't include <a> in this specific case as I plan to enhance the functionality later with Angular. In Angular, we typically handle links differently and avoid using the <a> tag directly.

I chose <li> for consistency in styling, as these items represent a list of social links. As for the <button>, it's usually used to trigger a function or submit data, so I didn't use it here since that wasn't the intended functionality.

1

@CamrynTidsworth

Posted

Okay you definitely know more than I do haha. Thank you for explaining, I haven't gotten into Angular yet so this is really interesting @AramHagen

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord