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!
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.