[Dúvida] projeto da aula anterior

Vou dar 3 dicas:

1. Verifique se você adicionou o column-gap: 3px (pode aumentar/diminuir esse valor) ou justify-content: space-between no display: flex do conteiner pai dos botões;
2. Tente utilizar o width: 100vw no body do css. O seu projeto parece ter um espaço sobrando para fora da tela na direita, quando você aplica o 100vw é garantido que todo o seu conteúdo ocupará 100% da largura de qualquer tela sem ultrapassar. Além disso, você pode aplicar o overflow: hidden embaixo do width, garantindo que todo o conteúdo que ultrapasse a largura da tela seja apagado;
3. Em vez de utilizar margin: 10%, como eles utilizaram na aula, procure ajustar o conteúdo da apresentação e a imagem com display: flex (justify-content: center, align-items: center, align-content: center). Desse jeito, depois de colocar o height: 100vh no body do projeto, você vai fazer com que nenhum conteúdo ultrapasse a largura e a altura da tela do navegador. Ademais, ele ficará alinhado corretamente com o tamanho da janela. Isso é bom para sites como esse em que não precisa rolar o mouse para baixo por não ter elementos fora a apresentação.