• bloco
• bloco__elemento
• bloco--modificador
• bloco__elemento--modificador

• Para que um banner se estendesse por toda a tela (height: 100vh;), mas desconsiderasse a altura da navbar, aprendi a usar a função calc(); para subtrair 72 pixels:

.banner__imagem {
  height: calc(100vh - 72px);
  width: 100%;
}

@media screen and (min-width: 768px) {
  .selector {
    padding: 2.5rem;
  }
} ;

• Podemos usar um shorthand para o background(). Em vez de:

background-image: url("../img/fortnite.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;

pode-se utilizar apenas:

background: url("../img/fortnite.jpg") center / cover no-repeat;

• Há também um shorthand para grid-column e grid-row. Em vez de:

grid-column-start: 1;
grid-column-end: 4;

grid-row-start: 1;
grid-row-end: 3;

podemos utilizar:

grid-column: 1 / 4;
grid-row: 1 / 3;

Na última aula, na seção sobre responsividade nos cards (Seção chamada "Populares"), aprendi alguns detalhes sobre responsividade, como não repetir um seletor se ele se estender ao próximo media query.

Não aprendi muita coisa com esse curso. Foi basicamente um demonstrativo da sintaxe do Grid Layout, mas de forma confusa e "jogada". Posteriormente vou precisar revisitar o assunto a partir de outras fontes, outros cursos, artigos etc., para assimilar melhor as informações contidas neste curso. Para uma introdução ao assunto, o curso beira o satisfatório; porém, para apreender de fato todas as informações contidas aqui contextualmente de forma a sair usando o Grid, seria necessário repetir o curso mais algumas vezes. Not today, though.

Uma outra coisa impossível de deixar de notar é o áudio do curso. Você fica ouvindo constantemente o som do professor engolindo saliva e fazendo pequenos barulhos com a boca. É nojento. A Alura tem controle de qualidade 0 sobre a forma como seus cursos são feitos.