1
resposta

Botão centralizado

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!

1 resposta

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.

Fica assim:

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