Design comparison
Solution retrospective
I updated the links and removed the ul/li element and wrapped the links in a div. When is it appropriate to use a button?
Community feedback
- @danielmrz-devPosted 10 months ago
Hello @MiyaoCat!
Your project looks great!
I have a few suggestions for you to reduce unnecessary code:
📌 Remove these lines from your code:
.social-card { margin-left: auto; margin-right: auto; margin-top: 80px; } main { width: 85vw; flex-grow: 1; }
Since you already centered the card using a few properties on the body, there's no need for using margin or setting a specific width for the container. You can just remove those lines 😊
I hope it helps!
Other than that, great job!
Marked as helpful0 - @aykinsancakliPosted 10 months ago
Hi @MiyaoCat,
Great work!
- If it is doing something (like open a pop-up window, submit a form etc.) it should be a button
- If it leads you somewhere (links, page navigation etc) it should be a link.
In this case, they are all social links so it is appropriate to use a link.
I hope this helps
Cheers,
Aykın
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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