A didática é super boa, nota 10. Porém faltou revisarem alguns detalhes... um deles é que falta descrever o trecho css referente a página article.html. Pausei o vídeo para copiar para quem mais precisar.
Ele deveria estar inserido junto esta página, em "Ver opinião do instrutor" https://cursos.alura.com.br/course/sass-css-superpoderes/task/88465
Sei que há um arquivo disponível no github, porém já são arquivos refatorados, prontos. Serve para consulta e comparação, mas não para o aluno que está desenvolvendo junto as aulas.
.article{
width: 80%;
margin: 0 auto 40px;
font-family: Arial, Helvetica, sans-serif;
&__title{
background-color: $cinza-claro;
text-align: center;
padding: 20px;
}
&__h1{
font-size: 22px;
color: $cinza-escuro;
letter-spacing: 1px;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}
.breadcrumb {
display: flex;
justify-content: center;
align-items: center;
&__link{
font-size: 12px;
@extend %no-decoration;
color:$cinza-escuro;
&:hover{
@extend %u-decoration;
color:$roxo;
}
}
&__img {
width: 10px;
margin: 8px;
}
}
}