Qual seria a alternativa para evitar que o vídeo se estique completamente quando a quantidade de vídeos na última linha for menor?
Qual seria a alternativa para evitar que o vídeo se estique completamente quando a quantidade de vídeos na última linha for menor?
Olá Marcelo!
Entendo que você está enfrentando um desafio comum ao trabalhar com flexbox. Quando temos uma quantidade de itens menor na última linha e não queremos que eles se estiquem para ocupar todo o espaço disponível, podemos utilizar o max-width
para definir um tamanho máximo do vídeo. Dessa forma, na pasta "css" dentro do arquivo "flexbox.css" inclua na classe .videos__itens
essa propriedade com o valor 300px. Ficaria assim:
.videos__item {
height: 303px;
width: 280px;
flex-grow: 1;
max-width: 300px;
}
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!