Solucionado
Seguindo as instruções do professor terminei a tela de vídeos, quando tirei do inspec tive um problema, como meu monitor é maior, quando o site passa de 1700 px o ultimo video fica sozinho em um linha porém ele fica com a lagura de 100%, como posso resolver ?
.videos__container{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.videos__item{
height: 303px;
width: 280px;
flex-grow: 1;
}
hoje, com a Alura e o Google Gemini
Uma das soluções para isso seria definir uma largura máxima para o elemento. No entanto, isso faria com que ele ficasse jogado para a esquerda, então também seria legal centralizar esse elemento, ficando assim o css:
.videos__container{
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-items: center
}
.videos__item{
height: 303px;
width: 280px;
max-width: 500px
flex-grow: 1;
}Na solução, justify-items: center vai centralizar o conteúdo, mas sinta-se live para usar outros valores como space-around, space-evenly, etc. Além disso, max-width:500px define até onde o elemento pode crescer, sinta-se livre também para alterar o valor e ver qual tamanho fica mais legal.
Espero ter ajudado!