@jdcc1024
Posted
Great work!
Cool to see astro combined with tailwind at the early stages of these challenges :) For the rending of your list of buttons, you would eventually need more than an array of strings, as the link to each social media page each have their own distinct URLs.
In my project, I used something like this. Though I'm not sure if it's the best way to go about it
[
{ name: 'GitHub', url: 'https://www.github.com' },
{ name: 'Frontend Mentor', url: 'https://www.frontendmentor.io' },
{ name: 'LinkedIn', url: 'https://www.linkedin.com' },
{ name: 'Twitter', url: 'https://www.twitter.com' },
{ name: 'Instagram', url: 'https://www.instagram.com' },
].map((site) => return (<a href={site.url}>{site.name}</a>))