Design comparison
Solution retrospective
I would like some suggestions to improve responsiveness.
Community feedback
- @developer-rubenPosted 5 months ago
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 helpful1@Y-ashbhattPosted 5 months ago@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 GitHubJoin 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