Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Sunnyside Agency Landing Page

Austin 310

@Absynthee

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

This challenge was surprisingly easy - I finished it a lot quicker than I expected. Because of this, I added some extra touches to make the site pop, such as some quirky movement on the headers when hovering and scaling on the images. The design of this page is really not my cup of tea with all the big blocky images - especially in mobile where the 'transform' egg image is directly below the hero orange image, it takes up a lot of space needlessly.

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

The mobile nav menu was the hardest part of the challenge for me. I know this is still an area I need to work on - and any tips with this would be great!

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

Is my code any good? How can I improve my mobile nav menu? Any comments would be great. Thanks!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord