Sunnyside Agency Landing Page

Hi FEM community,

Who thought what looks like a simple landing page could be so difficult! Some of the areas I struggled with that I would love advice/words of wisdom on are:

• I coded this using React - any advice on how to structure my files/best practices for this would be great as I continue learning
• Are there any rule of thumbs for when to use flexbox vs. grid?
• When it came to making this design mobile-responsive, I really struggled and had to make a lot of media queries. How could I have structured my code better so that I only need to do minimal media queries?
• What's the best way to have coded the underline styling for the "learn more" buttons so that no matter what screen size, it remains responsive?
• Not sure about the code for my drop down menu - how can I make it ease out more smoothly when a user exits the drop-down menu?

Thanks all,

newbie coder