Social Link Profile Using HTML, CSS and TailwindCSS

Solution retrospective
It is good working with tailwind and CSS while learning new things about tailwind.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @xianort
Hello @Nikhil-Neware, I like the blue shades on your solution.
Just some advice to help your HTML be more accessible.
- Enclose the page's unique content with the
<main>
element.
Using landmark elements like
<main>
in your HTML enables users of assistive technology to quickly identify and navigate to large sections of the document.- Use
<a>
elements instead of<div>
for links.
I noticed you're using
div
s instead ofa
s for the social links. Think about how this component would be in a real setting. It would have links to that person's socials so why not mark it up as links?- Use
<ul>
element to make a list of links.
While you're at it make a list of out of those links as well to make it easy for assistive technology users to get a count of how many items are in the list and navigate to a particular item.
Hope you found this useful.
Marked as helpful - Enclose the page's unique content with the
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