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

Consolidando o conhecimento #6

Cumpri com o desafio no final da aula e fiquei muito feliz por ter conseguido aplicar o conhecimento.

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

    h1 {
        text-align: center;
    }

    nav {
        position: static;
    }

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

    .produtos {
        width: auto;
    }

    .produtos li {
        width: 80%;
        margin: 5px 25px;
    }
}
3 respostas

Oi Nayara, tudo bem?

Parabéns por aceitar o desafio e por concluí-lo! Espero que tenha gostado de ter feito :D

Essa parte de deixar responsivo é super legal para que as pessoas em diferentes telas consigam visualizar bem o seu site.

Mais para frente você vai ver que temos cursos especialmente para isso.

Continue os bons estudos.

Um abraço.

Olá! Parabénss !! O código ficou muito bom

solução!

Muito obrigada gente, o incentivo de vocês e as dicas fazem toda diferença. estou seguindo no curso de formação <3

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