Intro section with dropdown navigation
Design comparison
Solution retrospective
👋Hi guys.
I'm trying to take harder challenges for myself in order to test my skills. I don't know if I used the best solution but I'm happy because I'm feeling that I'm getting better!!
All feedbacks and suggestions are welcome !!
Community feedback
- @elaineleungPosted over 2 years ago
Hi João, well done in this challenge, this looks quite well put together! I always like to check out other people's solutions for this challenge, so I just wanted to give you some quick feedback here:
-
At around the 800px to 900px range, the Login link is pretty close to the rest of the nav items, and at 700px I'd have to scroll horizontally to see the Register button, so maybe you can consider having that turn into tablet/mobile view around that mark, or change the spacing between the items.
-
Interesting effects on the mobile nav bar! It looks pretty well done with the dropdown navs well integrated and looking good. One thing to mention is that, even though the nav bar's height is 100vh, I can still scroll down and see the footer. Also, if you make the viewport height shorter than the mobile nav content and then try to scroll down, the background is gone and the mobile nav content blends in with the main content. I had this pointed out to me as well by another member, and I spent some time fixing it. You can check out the CodePen I put together for this challenge as a practice: https://codepen.io/elaineleung/pen/poLpzge
Good job challenging yourself with these harder challenges, and keep going!
Marked as helpful3 -
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