Responsive e-commerce product page with CSS flexbox and React

Hello, community :)

I only used React and vanilla HTML/CSS for this project, Everything is functioning correctly same as on the project challenge page

Things I found a bit tedious:

• I had to write a lot of CSS classes and the naming process was pretty random and untidy
• Since the CSS code was getting big working with it was tedious, Maybe I should use CSS modules or similar techniques?

I would appreciate feedback on what good practices I need to apply to make things better, I'm kind of obsessed with writing clean and organized code so I'm surely going to rewrite this with better technique in the future, Thanks for reading :)