Não centralizou | Praticando CSS: Grid e Flexbox | Alura

1
resposta

Referente ao curso Praticando CSS: Grid e Flexbox, no capítulo Hello Flex! e atividade Desafio: centralizando uma div

por Raphael Henrique Romano

| 54.9k xp | 55 posts

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

1 resposta

por Gustavo Rocha

| 158.8k xp | 31 posts

Dev Web JavaScript Full-Stack Jr

03/04/2023

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