Isn't it too much to use React for such a small application, and if I used vanilla JavaScript, how much more complicated would it be? Is it ok that I used a third-party library to implement Drag and Drop ? maybe my colors are different from style-guide, because it's hard for me to see the difference in these shades of colors I think my project structure is a mess, what's the best way to structure files in a React project? Any feedback is appreciated.
Your app looks really good and clean! I used vanilla JS and it wasn't too complicated IMO, you can take a look at my solution or this person's (https://github.com/abhik-b/frontend-challenge-3) if you want a sense of how much extra work it would be. I haven't used React so not sure how it compares / what best practices are.
Curious about best practices for responsive design. Should I have made my flexbox scale to viewport size, or is setting a fixed scale for certain viewports via media queries fine? Would love any general feedback as well, I'm just beginning to learn!
Thank you!! I just updated my code to fix the issues you brought up. The media query for a max-height of 500px was so that the footer containing the frontend mentor didn't overlap with the main content when the viewport was smaller than 500px. Without this query on screens of under 500px height (rare, I realize...) the footer overlapped with the main content rather than being pushed below it.
