Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

botao formulario responsivo

Olá, boa noite, tudo bem? Então consegui deixar a pagina de contato toda responsiva, porem só o botao de enviar que nao consigo mudar pra deixa-lo no meio. Segue abaixo meu codigo do css.

/* RESPONSIVIDADE */ 
@media screen and (max-width: 480px) {

    .caixa, .caixa-formulario {
        width: auto;
        margin: 20px auto;
    }

    ul.menu-nav {
        text-align: center;
    }

    nav {
        position: static;
    }

    label {
        margin: 20px auto;
        text-align: center;
    }

    input {
        margin: 20px auto;
        text-align: center;
    }

    fieldset {
        margin: 20px auto;
        text-align: center;
    }

    textarea {
        margin: 20px auto;
        text-align: center;
    }

    .tabela-horario p {
        margin: 20px auto;
        text-align: center;
    }

    table {
        margin: 20px auto;
    }

}
2 respostas
solução!

Olá Gustavo! Isso é devido o tipo "input" puxar o alinhamento "Flex-start" automaticamente. Neste caso, para alinhar no centro o botão do formulário, você pode utilizar assim:

.class {
    display: block;
    margin: 0 auto;
}

Muito Obrigado!