Skip to content
Submitted 10 months ago

Social Links Profile With Drag and Drop

Bogdan Kim•780
@semperprimum
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

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

  • Marcos Travaglini•4,840
    @BlackpachamamePosted 10 months ago

    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
    @semperprimumPosted 10 months ago

    @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

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