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 profile solution

Yash Bhatt 280

@Y-ashbhatt

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 specific areas of your project would you like help with?

I would like some suggestions to improve responsiveness.

Community feedback

P

@developer-ruben

Posted

Hi!

To improve the responsiveness, you have to remove the width:300px from the social links, this prevents scaling on smaller devices, and make the list element width:100% and add some margin to the profile card or padding to the body so it does not touch the edges of the window.

Cheers! Ruben

PS. try to avoid using pixels in general, instead use EMs (relative to the font-size of the parent) or REMs (relative to the root element (html element)

Marked as helpful

1

Yash Bhatt 280

@Y-ashbhatt

Posted

@developer-ruben Thanks a lot.

I was trying to add width 100% but i was adding to the li instead of ul so it was not working. This helped a lot and looks I need to review a bit more.

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