Solucionado
Cheguei ao resultado igual só que de maneira diferente.
min-height: 100%;
background-color: black;
background-image: linear-gradient(to bottom, black, #C00, black);
background-size: 5px 80%;
background-repeat: no-repeat;
background-position: center;
transform: rotate(90deg)Estaria errado? ou a pratica mais certa a se fazer é a que estava nas soluções do exercicio.
Não muda muia coisa. Apenas essas duas linhas que podem posteriormente dificultar a manutencao:
background-size: 5px 80%;
...
transform: rotate(90deg);seria o mesmo que fazer:
background-size: 80% 5px;Poderia dificultar a manutencao se alguem procurar por uma linha horizontal e nao vertical. O rotate tbm pode dar um trabalho se alterado a largura e altura, podendo sobrepor outros elementos.
Entendi, Obrigado pelo esclarecimento.