Skip to content
Submitted 27 days ago

Responsive Social Links Profile Card Component using html,css,js

Declan•320
@engelbrechtz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

The primary goal was to display the links through a loop, ensuring there's cleaner code base, less html markup, it renders the list of buttons.

What challenges did you encounter, and how did you overcome them?

None

What specific areas of your project would you like help with?

Feedback is welcome

Community feedback

  • Anahsqi•50
    @AnahsqiPosted 25 days ago

    First, I want to commend you on your use of JavaScript functions to dynamically generate buttons. The approach you've taken with the displayButton function effectively utilizes the for loop to iterate over the array, which is a great way to keep your code clean and organized. The separation of concerns between HTML structure and JavaScript logic is also well-executed.

    However, the overall UI doesn't quite match the specifications of the given solution. Consider incorporating CSS styles and spacings that match the intended look.

    Marked as helpful
    0
    Declan•320
    @engelbrechtzPosted 24 days ago

    @Anahsqi I would like to ask, the times when I take on these frontend mentor challenges, how do I ensure that its the same width height displayed in the example image? Part of doing these challenges is to submit a solution which looks near same result as the given screenshot, feedback is appreciated.

    0

Please log in to post a comment

Log in with GitHub

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