1
resposta

[Projeto] Desafio 3

//1 Ajustando o layout para telas menores

.apresentacao{
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 82px;
}

//2 Implementando media queries para mudança de layout

    @media (max-width: 1023px) {
        .apresentacao {
            flex-direction: column;
        }
    }

//3 Refinando o layout responsivo

    .apresentacao {
        flex-direction: column-reverse;
    }

//4 Ajustando o cabeçalho para telas menores

    .cabecalho {
        padding: 10%;
    }

//5 Centralizando itens do menu em telas menores

    .cabecalho__menu {
        justify-content: center;
    }
1 resposta

Oi, Ingrid, tudo bem?

Parabéns pelo resultado, ficou ótimo! Também agradeço por compartilhar seu projeto, com certeza vai ajudar nos estudos de todas as pessoas que estão aprendendo este mesmo assunto.

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!