Skip to content
Submitted 3 months ago

Dropdown-Navigation

Alisson Lins•100
@AlissonLins
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

What are you most proud of, and what would you do differently next time?

Demorar menos na criação das resoluções

What challenges did you encounter, and how did you overcome them?

Deixar o layout responsivo, principalmente na questão do mobile e as configurações dos botões que apesar da configuração no js não funcionam como deveriam para o desafio.

What specific areas of your project would you like help with?

As configurações do botão do JS, tive muita dificuldade com eles e ainda não consegui faze-los funcionar corretamente.

Community feedback

  • Genildo Cerqueira Souza•470
    @GenildocsPosted 3 months ago

    Hello, congratulations on completing the challenge. I hope these tips help you with the buttons.

    • In the class "one," use top for alignment.
    .one {
    /* bottom: -170px; */
    right: 0;
    top: 30px;
}
    • Remove the display: none property from the "menu-secundary" class.
    • Create a "close" class with the following values:
    opacity: 0;
visibility: hidden;
    • You need to apply the toggle to the div that contains the modal with the items. For example, in this "menu-secundario one" div.
    Marked as helpful
    1

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