@media (max-width: 1200px) { .cabecalho { padding: 10%; }
.cabecalho__menu {
justify-content: center;
}
.apresentacao {
flex-direction: column-reverse;
padding: 5%;
}
.apresentacao__conteudo {
width: auto;
}
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
@media (max-width: 1200px) { .cabecalho { padding: 10%; }
.cabecalho__menu {
justify-content: center;
}
.apresentacao {
flex-direction: column-reverse;
padding: 5%;
}
.apresentacao__conteudo {
width: auto;
}
}
Oii Thiuli, tudo bem?
O código CSS está bem organizado e utiliza media queries para ajustar o layout em telas menores, o que é uma boa prática para garantir a responsividade do site.
Você está no caminho certo para criar um design responsivo e adaptável!
Um abraço e bons estudos.