Solucionado (ver solução)
9 respostas

Oi, Geovane, tudo bem?

Onde está desalinhado? As imagens aqui são dos ícones. A utilização de media query é para quando queremos alinhar elementos em diferentes tamanhos de tela.

pois é eu quero que ele seja responsivo e não está, no desktop ele está normal!

Oi, Geovane!

Coloca aqui o link completo de todo o projeto, zipado pelo google drive ou no github para que possa baixar ele direto.

mais como eu faço isso porque eu tenho o windows e tenho o winrar e o winzip mais eles não quer compactar!

Oi, Geovane, tudo bem?

No seu código do css responsivo, retire o left: 557px;, essa propriedade está jogando os ícones para esquerda. Deixe como left: 0 e os ícones irão ficar centralizados.

não funcionou!

@media screen and (min-width: 400px){ .itens-icon{ position: relative; top: 0px; left: 0; }

}

solução!

Oi, Geovane, tudo bem?

Você precisa deixar a sua media query junto da classe que você deixar modificar quando a tela ficar menor. No arquivo portifolio.css, adicione ao fim da folha de estilos, o seguinte trecho:

@media only screen and (max-width: 400px) {
    .itens-icon {
        position: relative;
        top: 0px;
        left: 0px;
    }
}

Testa e me fala se deu certo!

deu certo Laís obrigado!