Submitted 6 months ago
Social Links Profile [HTML - CSS - Vanilla - Flexbox - Pixel Perfect]
@DarkKiller31
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
............
What challenges did you encounter, and how did you overcome them?...................
What specific areas of your project would you like help with?........................
Community feedback
- @0xabdulkhaliqPosted 6 months ago
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
- I have a suggestion regarding your code that I believe will be of great interest to you.
MAKING ACCESSIBLE LINKS:
- The links like
Github
,Frontend Mentor
are needed to be actual<a>
elements which are wrapped up usingli
andul
elements. Thebutton
element is not appropriate to use in this solution. becausebutton
element can't be used for navigation purposes that's why we want to usea
elements.
- This is the current markup,
<div class="buttons__container"> <button class="btn">GitHub</button> <button class="btn">Frontend Mentor</button> .... </div>
- In order to make this solution accessible, we need to use
<a>
elements withhref
attribute. Here's the example
<ul> <li> <a href="#">Github</a> </li> <li> <a href="#">Frontend Mentor</a> </li> ... </ul> ....
- If you have any questions or need further clarification feel free to reach out to me.
.
I hope you find this helpful 😄 Above all, the solution you submitted is great !
Happy coding!
0
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