Nos meus projetos eu sempre fico na dúvida se devo usar o align-items ou justify-content. Para colocar o botão Ver mais no centro o professor utilisou o "justify-content", fiz e mesma coisa e deu certinho. Mas durante o desafio eu fui colocar a mesma propriedade (justify-content") para colocar o botão "ver mais" da lista "agenda__lista" no centro porem não funcionou, então eu tentei com o align-items e o botão ficou no meio certinho! Por que isso aconteceu? Vou compartilhar uma parte do código para ajudar:
/* código feito durante a aula*/
.eventos__lista {
display: flex;
flex-wrap: wrap;
column-gap: 1.5rem;
row-gap: 1rem;
justify-content: center; /* propriedade usada para deixar o botão no meio*/
}
.eventos__item {
flex-grow: 1;
max-width: 400px;
}
/* código que eu fiz no desafio*/
.agenda__lista {
display: flex;
flex-direction: column;
align-items: center; /*a propriedade que deu certo para deixar o botão no meio*/
row-gap: .5rem;
}
(e uma dúvida que me aparaceu agora, eu estou falando certo quando eu chamo isso de propriedade? Eu sempre fico confusa com esses nomes rsrs) Obrigado pela ajuda desde já!