[Dúvida] Duvidas 7daysofcode

Pessoal,

Estou comecando a formacao de front-end e ao realizar o desafio 7daysofcode encontrei alguns problemas. Tive que recorrer ao codigo da professora pra resolver algumas coisas, o que ja me ajudou a saber onde eu estava errando kkkkk.

Contudo, tenho alguns problemas conforme o print "como tem q ficar" e o print "como esta hoje"

print de como tem q ficar https://prnt.sc/utTZ-82UDT1K

Como esta hoje: https://prnt.sc/o8ccQhp0bUlU

git: https://github.com/cauanamorim/7daysofcode/tree/main/workspace

Basicamente, nao consigo deixar os menus alinhados a esquerda. Neste caso, tentei usar margin e padding e unica coisa q consigo e alterar o espacamento entre eles e nao mover o bloco inteiro mais a esquerda.

Grato pela atencao!

Opa Cauan, tudo certo?

Uma possível solução é modificar a margem dos menus, colocando a margem da direita dos menus como "auto" iremos jogar todos os itens para esquerda, a propriedade "auto" preenche todo espaço sobrando em branco:

.menus {
  margin-right: auto;
  align-items: center;

}

Dessa forma, caso queira deixar o conteúdo mais a direita pode usar a propriedade margin-left para espaçar a esquerda do objeto:

.menus {
  margin-right: auto;
  margin-left: 112px;
  align-items: center;

}

O valor 112px é apenas um valor que testei e que consegui cheguar próximo ao desejado.

Se precisar de ajuda estamos à disposição.

Desejo um bom dia e bons estudos.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

Chegou a hora de transformar