Clipboard landing page

👾Fala Thais Duque, tudo bem? Parabéns pelo desafio!

Acabei de ver sua solução e acho que ela está bem completa, tenho algumas dicas pra você:

O seu conteudo nao ficou centralizado se vc der um zoom out ou abrir em uma tela maior vc vai conseguir ver isso. Pra resolver isso eu te aconselho criar uma class de container onde vc vai adicionar o tamanho maximo do container max-width: 1110px e margin: 0 auto pra forçar o alinhamento, olha dois exemplos aqui abaixo de dois blocos centralizados:

header {
    margin: 0 auto;
    max-width: 1110px;
    height: auto;
    background-image: url(../assets/image/bg-header-desktop.png);
    background-repeat: no-repeat;
    background-size: auto;
}

.container-section-one {
    max-width: 1110px;
    margin: 0 auto;
    /* width: 100%; */
    height: auto;
    /* margin-top: 10%; */
}

👋 Espero ter ajudado e continue no foco!

Olá Duque, tudo bem! e Sua solução parece perfeita.

Para responder sua pergunta, para tornar a página responsiva você não deve usar valores de pixel em todos os lugares, pois é uma unidade fixa em CSS. Tente usar algumas unidades relativas como rem, percentage etc.

Aqui estão alguns links onde você pode aprender sobre isso: - CSS units

More about CSS Units

Espero que isso ajude você a codificar feliz✌️.