Flex box

Fala dev, parabéns o projeto ficou incrível 👏

Entretanto, é necessário deixar o layout mais fiel possível com o design e adotar boas práticas. Na minha perspectiva, você poderia adicionar uma margem margin no footer (no componente de créditos) e trabalhar com a responsividade dos elementos principais.

E para ajudar recomendo o uso as propriedades flex-wrap e order do CSS flexbox. Vamos lá, no elemento main você pode adicionar a propriedade flex-wrap (que vai jogar o elemento da direta para baixo quando a tela for menor), e o order será utilizado para escolher o elemento que permanecerá no topo, veja:

main {
  flex-wrap: wrap; 
/** Irá jogar o elemento (da direita) para baixo quando não existir espaço disponível (em tela)  */
}

@media (max-width: 980px) {
  .right_element {
     order: -1;  /** O segundo (da direita) elemento será o primeiro */

    /**  Estou alterando a ordem de exibição do elemento em tala  */
    /** Não modifica a estrutura do HTML, só altera a parte visual */
  }
}

Espero ter ajudado 🚀

Hey good job completing this challenge.

Keep up the good work

Your solution looks great however I think the content to right of the image needs some margin from the bottom using margin-bottom.

I hope this helps

Cheers Happy coding 👍