Oi, Rodrigo, tudo bem?
O arquivo que será referenciado no seu HTML será o styles.css
que é gerado a partir do seu arquivo styles.scss
. O SASS é um pré-processador CSS que permite escrever estilos de uma forma mais fácil e organizada. No entanto, os navegadores não entendem o código SASS, então precisamos "compilar" nosso arquivo SASS para um arquivo CSS, que os navegadores conseguem interpretar. No seu caso, o styles.css
é esse arquivo compilado.
Em relação à segunda dúvida, quando você for colocar seu projeto no GitHub, é uma boa prática incluir tanto o arquivo styles.css
quanto os arquivos SASS. Isso porque o arquivo styles.css
é o que será usado para renderizar seu site corretamente, mas os arquivos SASS são importantes para outros desenvolvedores (ou você mesmo no futuro) entenderem e modificarem seu código de estilo de forma mais fácil. Além disso, se você estiver usando algum sistema de integração contínua que compila seu SASS automaticamente, os arquivos SASS serão necessários para essa compilação.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!