1
resposta

Alinhar tag <nav>

Ola Pessoal

Estou tentando desevolver um site com o que eu aprendi ate o momento e gostaria de um apoio de vocês

Eu quero criar um cabeçalho de largura 100% e altura de 4rem , onde terei uma logo pequena dentro desse espaço no canto esquerdo e o menu de navegação mais a direita mas no limite inferior da section que eu defini.Porem estou achando muito complicado trabalhar com position absolute , ai teria que sair mexendo com margin pra ajustar o menu do jeito que quero

  • Sobre
  • Roupas
  • Calçados
  • Acessórios
        </section>
 </header>


****************CSS***********************

.cabecalho{
width: 100%;
height: 4rem;
background-color: brown;
opacity: 0.65;

}

.menu{ display: inline-block; position: absolute; right: 0%; top: 0%; border: 2px solid black; box-sizing: border-box; align-items: center;

}

.menu li{ display: inline-block;

}

menu a{ color:blue; }

1 resposta

Nao use position absolute para esse tipo de coisa, vc vai achar bem dificil de trabalhar e dar manutencao.

Nesse caso use flexbox que é bem mais fácil.

Abraços