1
resposta

Não centralizou

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

1 resposta

Talvez seja mais vantajoso você dividir os atributos em mais classes até mesmo para evitar conflitos. Existe 3 formas que conheço para centralizar a div pelo CSS, que são essas:

div {
  display: grid;
  place-items: center;
}
div {
  margin-left: auto;
  margin-right: auto;
}
div {
  display: flex;
  justify-content: center;
  align-items: center;
}

Você pode testar e analisar se resolve seu problema. Boa sorte, abraço