@media (max-width: 1200px) { .cabecalho { padding: 10%; }
.cabecalho__menu {
justify-content: center;
}
.apresentacao {
flex-direction: column-reverse;
padding: 5%;
}
.apresentacao__conteudo {
width: auto;
}
}
@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.