Solucionado
fiz tudo direitinho e quis colocar tambem a versão mobile desse curso, e ao abrir o site percebi que ta tudo ok mas as seções tao muito afastadas uma da outra como na foto a seguir, existe a possibilidade de na responsividade alterar pra ficar mais juntas?
o código usado foi:
@media screen and (max-width: 768px) {
.container {
display: block;
background-image: none;
}
.container__imagem {
width: 50vw;
}
.container__caixa {
margin: 2em 2em;
}
.secundario {
margin: 0;
text-align: center;
}
.secundario__imagem {
width: 50vw;
}
.dispositivos__lista {
display: block;
}
.rodape__lista {
display: block;
}
}
Oi Rafael, tudo bem?
Tem como sim, nessa atividade aqui, a Moni preparou um vídeo para ajudar a deixar o site responsivo.
Indico que você assista e faça junto com ela. É uma ótima maneira de praticar, parabéns.
Um abraço e bons estudos.