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

Intro section with dropdown navigation | SCSS, JS and HTML

@sirbiel100

Desktop design screenshot for the Intro section with dropdown navigation coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Every feedback is very Welcomed!

Community feedback

Furk 600

@doganfurkan

Posted

Firstly congrats, I think I've got some feedbacks for you:

  • Your "Learn more" button has a border of "1.5px" on hover. You shouldn't be splitting pixels into 2. Dimensions in pixels should be integers.
  • Again your "Learn more" button, could use a border with the color of the background, so that it wouldn't mess up the placement of the footer. What I'm trying to say is add a black border at start, so you wouldn't make it bigger on hover.
  • Your menu comes open on mobile. We usually don't see it like that in real life, do we?
  • You are giving display: none to the menu when closed. What about hiding it on the right, out of screen, rather than deleting it from the screen?
  • When i used inspect to have a look at your mobile version, i closed the menu and when i turned back to the desktop version menu was not there. It is related with your display none decision.
1

@sirbiel100

Posted

Hello!!

Thank you so much for your feedback, it helped me a lot. I passed a entire night thinking how I would solve that but I finally did it! hahahahah.

@doganfurkan

0

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