1
resposta

Alinhando a imagem e links do Menu lateral

Prezados,

Consegui centralizar o logo da HZC e manter os links alinhados a esquerda e em forma de coluna, no nosso menu lateral configurando o CSS conforme abaixo. Notem que não precisei usar o align-self ou align-items.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

.menu-lateral {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;

}
1 resposta

Oi Jorge, tudo bem com você?

Parabéns por compartilhar sua solução conosco e por praticar o que está aprendendo!

Existem várias maneiras válidas de se posicionar elementos. Qual delas você deve utilizar já depende do contexto de seu projeto. O Flexbox é uma das formas mais práticas e fáceis de alinhar elementos que temos atualmente. Parabéns por já estar indo além do conteúdo e buscando sua forma de simplificar a execução da atividade. Caso você queira complementar seus aprendizados em Flexbox, além do curso, deixo a seguinte recomendação de conteúdo:

Se houver alguma dúvida, me coloco à disposição.

Um abraço e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software