Solucionado
Fiz meu código dessa maneira e obtive o mesmo resultado do border-bottom. Passei um pouco longe da solução proposta mas está valendo rsrsrsrs.
background-image: linear-gradient(to bottom, black, #ccc, black);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 0% 100%;
Oi Marcelo, beleza?
Testei aqui seu código, ele funciona sim, mas o instrutor fala de uma borda suave, desta forma:
Repare que a borda vai afinando em suas extremidades.
Mas o legal é isso, testar várias formas, pois dá pra fazer coisas no CSS de várias formas! Nunca que vai ter somente uma maneira de fazer algo, e achei bacana você tentar primeiro fazer sozinho.
Abcs e bons estudos!