Boa noite, tudo bem?
Eu fiquei com uma dúvida e até acabei procurando na internet, porém não consegui fazer sozinho. Se por acaso eu quisesse centralizar esse botão, como eu poderia fazer? Desde já agradeço!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa noite, tudo bem?
Eu fiquei com uma dúvida e até acabei procurando na internet, porém não consegui fazer sozinho. Se por acaso eu quisesse centralizar esse botão, como eu poderia fazer? Desde já agradeço!
Olá, Uriel.
Tudo bem?
Você vai no arquivo de estilo do componente botao qua é o Botao.css, você vai ter os estilos que o professor aplicou em aula, vai ter a propriedade da margem que vai estar margin: 32px 0; ai você altera para margin: 32px auto; e adiciona um display: block; e pronto, lembrando que como você está alterando no componente Botao se você reutilizar ele em outro lugar, ele vai ter esse comportamento padrão de centralizar.
.botao{
background-color: #6278f7;
border-radius: 10px;
font-weight: 700;
font-size: 18px;
padding: 32px;
border: none;
cursor: pointer;
color: #FFF;
display: block;
margin: 32px auto;
}Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.