News homepage challenge using Semantic HTML and CSS Grid/Flexbox

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

I'm proud of myself for being able to use CSS grid.

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

The biggest challenge for me is making the menu on the mobile screen.

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

I would love to know if I used React effectively, and if my BEM class naming is clear and consistent. Also, I'd appreciate feedback on whether the mobile menu animation was implemented well.

In addition, I'm a bit confused about choosing the right pixel values for Media Queries. How do I determine the best breakpoint to switch from mobile to desktop design? I would really love some guidance on that.

Any suggestions for improvement are more than welcome! Thank you.