Skip to content
Submitted about 1 year ago

flex and smooth menu when clicked

Haitham Bahr•160
@MR-b7r
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro section with dropdown navigation
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I have used flex approximately on all elements used transition to make a smoothy many and dropdown when clicked please send me your feedback and correct my mistakes, that would improve actually my skills

Community feedback

  • Kate•190
    @kateneilsenPosted about 1 year ago

    I like the transitions added to the dropdown menus! For a more intuitive UI you may want to close the dropdowns whenever a user clicks outside. Here's a blog post (https://bobbyhadz.com/blog/javascript-hide-element-when-clicked-outside) that explains how you can use javascript to hide an element when clicked outside. 🙂

    Marked as helpful
    1
    Haitham Bahr•160
    @MR-b7rPosted about 1 year ago

    @kateneilsen Thanks for that helpful feedback ! This is a nice idea that I made it before , but forgot to make it here. Thanks for reminding me. I will add it !

    0

Please log in to post a comment

Log in with GitHub

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