Solucionado
Como eu faço para centralizar um container no meio da tela? Tentei fazer minha propria regra css, mas não obtive sucesso
.vertical-center { /*alinhamento vertical*/
min-height: 100%;
min-height: 100vh;
display: flex;
align-items: center;
}
.horizontal-center {
margin: 0 auto;
width: 80%;
}Agradeço a ajuda
hoje, com a Alura e o Google Gemini
Muito obrigado pela ajuda. Resolveu meu problema. Só mais uma duvida: o bootstrap não possui nenhuma classe para trabalhar com isso?
João, encontrei a classe center-block para tal na documentação do Bootstrap.
Ela centraliza os elementos (horizontalmente) simplesmente setando o display como block e as margens laterais como auto. Neste caso é importante que a propriedade width do elemento seja definida.
Criei um exemplo de uso para você no CodePen.
Muito obrigado funcionou.