Food Product Catalog with React

What are you most proud of, and what would you do differently next time?

I'm pretty proud of my CSS skills because I can quickly write up what I want if I haven't encountered any bugs. Although, in the future, I would like to try some components from the Material UI library.

What challenges did you encounter, and how did you overcome them?

I lacked knowledge in Flexbox, Grid, React states, picture tags, media queries, etc. However, I managed to do enough research to implement what I needed into the website.

What specific areas of your project would you like help with?

I would like feedback on my CSS styling, especially when changing screen sizes from desktop to tablet to mobile, for example, image sizes, item layouts, font sizes, and button sizes.

I would like to ask if there's a better, more organized way of managing state variables than in my current code. Right now, I'm setting a state variable in App.js and setting this variable to many other child components with props. I feel like this creates 'prop drilling' and I feel like there should be a better way of doing this, but I don't know.