Responsive Social Links Profile Component coded using Tailwind

Community feedback

• 

  Declan•320

  @engelbrechtzPosted 27 days ago

  The layout is clean and the design is sleek. I recommend checking out the same challenge on my profile to see how I organized the components. I render the buttons individually using a for loop, which helps reduce the amount of repetitive semantic HTML I need to write.

  Heres my example code.

  const ProfileContainer = document.querySelector('.profile_links_container');
  
  const buttonAttributes = [
      {text: 'Github'},
      {text: 'Frontend Mentor'},
      {text: 'Linkedin'},
      {text: 'Twitter'},
      {text: 'Instagram'}
  ]
  
  // For loop to display buttons
  
  function displayButton(){
     for (let i = 0; i < buttonAttributes.length; i++){
      // console.log(buttonAttributes[i]);
      const button = document.createElement('button');
      button.textContent = buttonAttributes[i].text;
      ProfileContainer.appendChild(button);
     }
  }
  

  0