Solucionado
Olá,
Achei bem legal a ideia do próprio navegador proporcionar que o desenvolvedor teste e debugue suas páginas, porém o código fica exposto para todos. Pensando assim, a minha dúvida é se existe alguma maneira de esconder o código html e css dos usuários finais do site?
Olá Renata, não é possível fazer isso.
Como você pode ver, é possível visualizar o código html, css e javascript de qualquer website que você acessar.
O que você pode fazer pra proteger um pouco mais seu código é usar ferramentas para deixar ele "um pouco mais feio" como por exemplo o plugin uglify ou o concatenate do gulp. Assim ficaria mais difícil para uma pessoa entender o que está acontecendo no código. Dificulta, mas não impossibilita a pessoa de entender.
Se você quiser, pode encontrar um pouco mais sobre eles em nosso curso de gulp: https://cursos.alura.com.br/course/gulp
Lembrando que o objetivo principal dessas ferramentas é aumentar a performance de seu website.