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 With Drag and Drop

Bogdan Kim 780

@semperprimum

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


I would greatly appreciate any feedback that you may have!

I wanted to learn how to implement drag-and-drop functionality with react, so I took on this challenge as a base, even though it initially lacked drag-and-drop features

Community feedback

@Blackpachamame

Posted

Greetings! you have done a great job 😎

📌 Some suggestions

  • I liked the idea of drag and drop and it looks great. In the future you could make the changes in the order you make persist even when the user refreshes the page
  • The footer with that position: fixed sometimes overlaps with the content of the card on certain screens. It would not be the ideal challenge to use that property, as I clearly see it.
0

Bogdan Kim 780

@semperprimum

Posted

@Blackpachamame, thanks for your feedback!

  • Yeah, i could’ve used something like localStorage to save the order
  • I am aware of the issue with the attribution. I should've placed it to the left of the screen, as I did in my previous project. I’ll rectify it in the near future
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