All solutions

The drag & drop feature was a real challenge for me. Finally I made it only for desktop. For mobile I realized that is not possible the same way as desktop. I tried using a javascript library but I caused more problems than solutions.

The more challenging part was the animated hamburguer menu. I make it with CSS only. Some JSX was used to animate de mobile menu backdrop.

I still have problems deploying to github pages and showing pictures. To make it work I edited the paths on index.html and all the pictures paths on the .js and .css files, all directly on github. Also, some pictures were uploaded manually. Some of you have the same problem? Any advise?

Github Pages with React's "npm run deploy" deployment didn't worked since it was showing only a blank page. Checking console I found URLs for JS and CSS were missing a dot (.) before the first slash (/) on both URL's. I edited index.html directly on Github and it worked. Then the JSON file wasn't found also. I uploaded to the branch manually. It worked. Then images weren't found also. I uploaded "images" folder manually and everything went fine. Anyone else with same issue? I know this has nothing related to the challenge itself but it was and additional challenge for me. I appreciate your comments about it. The requested challenge have a lot of fun. I did really enjoy it.

I didn't use a @media query since I consider it is not necessary, and my final solution adapted well for the resolutions requested. Something I'm missing here in this challenge?