Ajustando o layout para telas menores:
.apresentacao {
padding: 5% 15%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 82px;
}
Implementando media queries para mudança de layout:
@media (max-width: 1200px)
Refinando o layout responsivo:
.apresentacao {
flex-direction: column-reverse;
}
Ajustando o cabeçalho para telas menores:
.cabecalho {
padding: 10%;
}
Centralizando itens do menu em telas menores:
.cabecalho__menu {
justify-content: center;
}
