Skip to content
Submitted over 2 years ago

Responsive navigation using Flexbox

Moumita Dhar•70
@Mou887
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I wanted to add some animations for the dropdowns but I am not clear about it yet . I have watched tutorials but things are not clear. If anyone could suggest some resource or tutorial it will be of great help.

Code

Please log in to post a comment

Log in

Community feedback

  • Manish Mandal•650
    @manishdevelops

    congrats on completion of this project.. coming to your query... I have focused on one of your dropdown , another one you can do yourself I feel

    Add this code in the sublist class

    .sublist ul {
    height: 0;
    overflow: hidden;
}

    now on clicking Features . toggle this classList to ul.

    .toggle {
    height: 163px;
    transition: 1s;
}

    now after after application , you can see the animation . this is one way of doing .. and with display : none you can not add perform any animation.. If still you have doubt you can see my solution I have done this project.

    Marked as helpful

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