Olá a todos! :D
Nessa aula o professor utilizou o flex grow mas se tratando de boas práticas geralmente, segundo a documentação também:
"As propriedades flex-grow, flex-shrink, and flex-basis raramente são empregas de forma individual.
Usualmente, elas são combinadas através da propriedade de abreviação flex.
A abreviatura flex permite definir os três valores na seguinte ordem: flex-grow, flex-shrink, flex-basis."
Com isso utilizei apenas a propriedade flex e com isso consegui enxugar mais o meu código obtendo o mesmo resultado obtido na aula:
}
.videoSobre-sobre{
text-align: center;
display: flex;
flex-direction: column;
flex: 1 0 auto;
justify-content: space-between;
}
.videoSobre-video{
flex: 1 0 auto;
}Pra saber mais veja: https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
