Submitted 6 months ago

Social Links Profile (Tailwind-CSS)

Kendpr• 290

@RealKendpr

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social links profile

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

In this project I used Tailwind CSS, and I learned how to modify designs for different devices and how to utilize the tailwind theme feature. In addition I also learned how to re-use styles on different elements.

What challenges did you encounter, and how did you overcome them?

Nothing much

What specific areas of your project would you like help with?

I would love to hear some suggestions.

Community feedback

Vasu Vallabh• 190

@coding-vasu

Posted 19 days ago

Great!

1. Semantic HTML & ARIA

a. Use ARIA like below -> <main aria-label="Jessica Randall's profile card"> b. Specify the role attribute for unordered list html <ul role="list">

2. Accessible a. While using tab the buttons are not changing color like its happening on hover. you can add focus pseudo code

3. Layout is Responsive

4. Code is well Structured

Overall its looks great!

Marked as helpful

Kendpr• 290

@RealKendpr

Posted 18 days ago

@coding-vasu Thank your feedback. Although the 1b: Specify the role attribute for unordered list html <ul role="list">

I don't think that should be specify as a list, since Im already using <u/l>. Dont the browser already know that its a list?

Vasu Vallabh• 190

@coding-vasu

Posted 18 days ago

@RealKendpr, you are correct we don't need, since we are already using ul

Thank you

Please log in to post a comment

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