Design comparison
Solution retrospective
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 GitHubJoin 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