I haven't implemented the drag-and-drop feature yet. Any help on how to do it would be greatly appreciated.
Latest solutions
Todo App with Drag and Drop (Next.js | Tailwind)
#next#react#tailwind-css#typescriptSubmitted over 1 year agoManage landing page (Next.js | Tailwind)
#next#react#tailwind-css#typescriptSubmitted over 1 year agoHuddle landing page w. single introductory section (Next.js, Tailwind)
#next#react#tailwind-css#typescriptSubmitted over 1 year ago
Latest comments
- @AshongAbdallah06What specific areas of your project would you like help with?@daHatta
Hi, you can try react-beautiful-dnd or dnd-kit for the drag and drop feature.
Happy coding!
Heiko
Marked as helpful - @SaeM843@daHatta
Hi Sae,
it looks pretty good so far. According to your questions I might have some tips for you. I solved the quest by setting the whole accordion at the top of the page with the distance mentioned in the design, so the whole thing stays fixed and moves only downwards.
Another thing I did, I wrote a function which closes all answers first, followed by the opening of the answer of the clicked question. So every questions stays where it is.
I set only margin-inline: auto and a width for my solution to center my accordion properly. Might be a solution for you too?
I also recommend to use main and section to get the right landmarks. I get often warnings about landmarks by myself. ;)
Hope my answer was helpful!
Keep up coding. You are awesome! :)