Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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

agency-landing-page-solution

@1IMperaDOR0

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?

I'm proud of being able to create my first landing page and being able to make it adapt to different screen sizes.

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

I had problems leaving the hover events in learn more to make the underline visible, I didn't know how to do it using just my basic css knowledge, so I chose to use javascript logic. After some research I discovered that there were mouseover and mouseout events, so I used almost the same structure that I would use with a click event to solve the problem. I also had a challenge regarding the mobile menu, because when we placed it in the mobile width, it was observed that when it was activated and deactivated, if we returned to the desktop width, the menu disappeared (this is due to the fact that the nav had a display = none ). So I used javascript based on mediaQuerys to make the nav not continue with display = none if it reached a certain width.

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

I wanted help understanding how to make the code clean and easy to understand. I think I got confused when it came to clarifying the code. And what could I have done to simplify the code or used different things to get a better result. In short, feedback on the codes.

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