1
resposta

Olá! Dúvida sobre a ultima aula

Eu não consegui ajustar os inputs ao centro da página de contatos, apenas alterar a largura, e também ficaram quebrados, faltando linhas nos campos TELEFONE e MENSAGEM. Perguntei sobre essa dúvida lá no forum da aula: https://cursos.alura.com.br/forum/topico-centralizar-os-inputs-118210

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

    form label,
    form legend{

        font-size: 20px;
        margin: 0 0 0 0%;


    }


    label{

        text-align: center;  
    }

    table{


        margin:0 auto;
    }

    fieldset,p{

        text-align: center;

    }



    .input-padrao{

        display: block;
        margin: 0 0 20px;
        padding: 10px 25px;
        width: 90%;
    } 
    .input-padrao-enviar{
        display: block;
        width: 96%;
        margin: 0 0 0px;
    }


    footer{

        width: 940px;

        text-align: center;
    }

} 
1 resposta

Ola amigo beleza? Primeiramente vc pode tentar mudar a largura do dispositivo que era receber esta media-querie para max-width: 600px pois 480px é um dispositivo muito pequeno e se esta usando o inspetor do Browser provavelmente ele não estará lendo esta largura :D

Segundo você pode trocar a margin: 0 0 0 0% para margin: 0% já que todas as margens receberam o mesmo valor!

Caso não de certo, manda o HTML aqui pra que te ajudo ainda mais, abraços

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software