All solutions

Had a bit of challenges making the abstract images in the sections responsive. Any tips on how to do this better so the images are responsive as the screen size adjusts would be greatly appreciated!

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

Would love feedback on:

• CSS styling: could I have done anything different to make the CSS file cleaner?
• CSS styling: is this optimized for mobile and different screen sizes?
• Javascript: could I have done anything to factor my code differently so it's cleaner and less repetitive?
• for the form, is there anyway to maintain the height of the form after the error messages appear?