Comentários no CSS/HTML

  Servem pra deixar anotações no código sem aparecer no site.

Sintaxe no HTML

<!-- Seção de produtos -->

<section>

  <h2>Nossos produtos</h2>

</section>

Nada disso aparece pro usuário, é só pra quem tá lendo o código. Porém no exibir código do navegador aparece. 

Sintaxe no CSS

/* Cor principal do site */

body {

  background-color: #f5f5f5;

}

Comentários não são só pra explicar — são pra organizar também:

/* ===== HEADER ===== */

header {

  height: 80px;

}

/* ===== PRODUTOS ===== */

.card {

  border-radius: 10px;

}