Skip to content
Submitted 8 months ago

Social Links Profile (Tailwind-CSS)

Kendpr•290
@RealKendpr
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

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-vasuPosted 2 months 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
    1
    Kendpr•290
    @RealKendprPosted 2 months 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?

    0
    Vasu Vallabh•190
    @coding-vasuPosted 2 months ago

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

    Thank you

    1

Please log in to post a comment

Log in with GitHub

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