Social Links Page using Astro + TailwindCSS

Solution retrospective
- I scaffolded my project well in astro, so the actual development was very fast.
- I learned how to stage changes better in git for more granular commits.
- I didn't bother adding links to my profiles, and in a more complex site, I'd put the links in an array and map over them with js, but that seemed overkill for this project.
- This challenge was pretty easy. Without access to the figma files, it was harder to be precise. But I opened the design images in pixelmator pro and measured pixels to get in the ballpark on padding, etc.
- I hadn't dealt directly with making an
<a>
element take up all the space in its container. I learned thatdisplay:block
is necessary to make an<a>
element take up all the space of the<li>
container (i.e. act like a button).
It was a pretty straightforward project. Perhaps checking for DRY code (i.e. could I avoid repetition by styling the container / writing better html)? I'm aware I could have used js map for calling to SocialLink component. But anything else?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @oluwanifemidomi007
amazing keep up the good work
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