Caso queiram que todos os vídeos__item tenham o mesmo tamanho e não ocupem o espaço restante da tela, mas mesmo assim cresçam e diminuam conforme o tamanho da tela e independentemente da quantidade de vídeos, essa alteração no CSS faz isso.
CSS anterior com display flex:
/* VIDEO */
.videos__container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.videos__item {
display: block;
height: 303px;
width: 280px;
flex-grow: 1;
}
Com display grid:
/* VIDEO */
.videos__container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 10px;
}
.videos__item {
height: 303px;
}
