Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Página contato e produtos não configurada corretamente para serem visualizadas em um tamanho de tela específico

por Edwar Chanhi Pires
| 64.1k xp | 4 posts

Olá, como configurar centralizar a tabela e o menu principal da página contato e as imagens da página de produtos Insira aqui a descrição dessa imagem para ajudar na acessibilidade@media screen and (max-width: 480px) { .caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video, .produtos { width: auto; } h1 { text-align: center; } nav { position: static; }

.lista-beneficios, .imagem-beneficios {
    width: 100%;
}

h2, img, p {
    text-align: center;
}

.produtos li {
    vertical-align: auto;
    text-align: center;
    margin: 5px 5px 5px 5px;
    width: auto;

}

.produtos img {


}

form [type="submit"] {
display: block;
margin: auto; 

}
1 resposta
solução!
por Lorena Garcia
| 8285.1k xp | 12128 posts
Alura Scuba Team Suporte Educacional

Oi Edwar, tudo bem?

Para resolver isso, fiz desta forma, dá uma olhadinha e vê se ajuda você:

@media screen and (max-width: 480px) {
     .caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video {
         width: auto;
     }

     h1 {
         text-align: center;
     }

     nav {
         position: static;
        text-align: center;
     }

     .lista-beneficios, .imagem-beneficios {
         width: 100%;
     }

    .produtos {
        width: auto;
        text-align: center;
    }

    .produtos li {
        width: 90%;
        margin-bottom: 10px;
        align-items: center;
    }

    .formulario-contato {
        margin: 10px;
        width: auto;
    }
 }

Bons estudos!

Abraço.