Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Como utilizar flex-grow quando 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?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

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!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software