Duvida de como centralizar itens

Olá Lara tudo bem?

Essa dúvida é bem comum, vamos lá!

• text-align:center: alinha o texto horizontalmente dentro de um elemento.

<p style="text-align:center;">Este texto esta centralizado na horizontal.</p>

• justify-content:center: alinha o conteúdo horizontalmente dentro de um container.

<div style="display:flex; justify-content:center;">
  <div>Elemento 1</div>
  <div>Elemento 2</div>
  <div>Elemento 3</div>
</div>

Nesse exemplo, os elementos filhos dentro do container div são centralizados horizontalmente.

• align-items:center: alinha o conteúdo verticalmente dentro de um container.

<div style="display:flex; flex-direction:column; align-items:center;">
  <div>Elemento 1</div>
  <div>Elemento 2</div>
  <div>Elemento 3</div>
</div>

Nesse exemplo, os elementos filhos dentro do container div são centralizados verticalmente.

* NOTA: Evite usar style inline. Eu usei nos exemplos apenas para facilitar a explicação.*

Espero que minha explição ajude mas de qualquer maneira, Alura possui um artigo muito bom sobre flexbox que irá sanar suas dúvidas e muitas outras. Segue o link: https://www.alura.com.br/artigos/css-guia-do-flexbox.

Abraços e bons estudos!