Solucionado
Galera, como vcs podem ver na imagem abaixo, ficou desalinhado a margem esquerda e sobrando um espação. O código está exatamente como feito na aula:
.videos__container { display: flex; flex-wrap: wrap; gap: 10px; }
.video__item { height: 303px; width: 280px; flex-grow: 1; }
Essa é a parte que já veio pronto no css: .videos__container { color: black; padding: 153px 20px 10px 20px; }
Oi Isaías, tudo bem ?
Para que eu consiga analisar o seu código e simular o problema para ajudá-lo de forma mais assertiva, gostaria de pedir que você enviasse o link do GitHub onde está o seu projeto ou o drive com os arquivos.
Aguardo seu retorno. Abraços!
Oi Isaías, tudo bem?
Muito obrigado por compartilhar o seu projeto no GitHub. Consegui simular o seu problema e com isso percebi que o nome da classe video__item no documento CSS está diferente de como foi colocado no arquivo HTML (videos__item), por isso, mesmo aplicando valores para a largura (width), altura (height) e o flex-grow, os elementos não recebiam os estilos.
Dessa forma, podemos solucionar o problema alterando no arquivo CSS o nome da classe de video__item para videos__item. Com isso o código seria escrito da seguinte maneira:
.videos__item {
height: 303px;
width: 280px;
flex-grow: 1;
}Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição.
Abraços!
Obrigado nobre... Resolvido!