All solutions

Anyone able to the drop downs to be animated?

Is there a more efficient implementation for the javascript?

This feels repetitive and lengthy.

First JS challenge.

Any feedback welcomed

The challenge was fun and pretty straight forward.

I would say the most challenging part would be getting the hero section's sizing just right. Otherwise, the colour overlay over the footer image was a neat trick to learn as well.

If you have any feedback regarding sizing and making the hero section responsive - let me know!

Takeaways: This challenge involved dealing with different layers, positioning and curves - which was a new challenge for me.

The biggest takeaway was the curved sections. I went through a few different approaches including a large scaled circle and another method with the usage of the clip-path css field but ultimately ended up using a standard rectangular shaped div with an overlapping eclipse shaped div at the very bottom.

I felt this was the best route to take as setting width to 100% made it responsive from the get go.

Let me know any feedback or any different approaches that I may have missed!