Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social links task

@kelton-glitch

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Being able to work out the different detail and add a touch of my own was quite refreshing

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

Adjusting the middle card seemed to be a challenge at some point, but it was approached from a reminder of knowledge gotten from previous tasks

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

I think this task was well suited and I would appreciate any feedback I can get from it

Community feedback

@imranhossainemi

Posted

Nice work with font , color and details. As though social link card looks good you need to work on the details of accessibility, correct design pattern of the card.

  • For accessibility you must use role attribute or tags like main, aticle,footer etc. Which helps screen readers and other assistive technologies to quickly navigate to the primary content, bypassing repetitive elements like headers and navigation menus

Marked as helpful

0
Quang 350

@progressive-newbie263

Posted

While the background and the card looks amazing, i think there are a few adjustments we can make to make it looks even closer to the design. We should changing the distance between his name, his location and his introduction, it looks a bit too far from each other

Marked as helpful

0

@kelton-glitch

Posted

Thank you @progressive-newbie263 I have done the necessary adjustments

0

Please log in to post a comment

Log in with GitHub
Discord logo

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