Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Fiz como está no exercício, mas não estou tendo o mesmo resultado.
.titulo-principal {
background-image: linear-gradient(to bottom, #F00, #888 70%, #000);
background-size: 100%, 200px;
}O gradiente não ocupa os 200px definidos, ele continua ocupando toda a altura do elemento.
Bom, acho que achei o problema. Retirei a vírgula entre 100% e 200px, e funcionou.