body { height: 100vh; /* Outras propriedades do body, se houver */ }
body{ box-sizing: border-box; /* Outras propriedades do body, se houver */ }
body{ display: flex; justify-content: center; align-itens: center; height: 100vh; widht: 100; }
body { height: 100vh; /* Outras propriedades do body, se houver */ }
body{ box-sizing: border-box; /* Outras propriedades do body, se houver */ }
body{ display: flex; justify-content: center; align-itens: center; height: 100vh; widht: 100; }
Olá Eleazar!
Só algumas observações que são alguns pequenos erros no seu código que podem acabarr causando problemas.
Você declarou o height: 100vh;
duas vezes. Isso não é necessário e pode ser removido da segunda declaração.
No seu código, você escreveu align-itens
e widht
, mas o correto seria align-items
e width
. Corrija esses erros de digitação para que o CSS funcione corretamente.
Você escreveu width: 100;
, mas não especificou a unidade. Se você deseja que o body
ocupe toda a largura da tela, use width: 100%;
.
Seu código pode ficar assim:
body {
height: 100vh;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
/* Outras propriedades do body, se houver */
}
Espero ter ajudado! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!